Yes, it"s me again, the one who made the lowest mistake last time. The
problem is this:
wants to put two vertical bars in the middle of the three a tags, like the navigation bar. After I set the style, I found that the two
bars that act as vertical bars floated in front of the a tag. What the heck!
here is my style and html:
here is my style and html:
<footer id="footer">
<a class="btn" id="home" href="javascript：;"></a>
<div class="line"></div>
<a class="btn" id="share" href="javascript：;"></a>
<div class="line"></div>
<a class="btn" id="get" href="javascript：;"></a>
</footer>
.btn{
margin: 0;
padding: 0;
display: inline-block;
width: 100px;
height: 100%;
}
.line{
display: block;
float: left;
width: 1px;
height: 30px;
background-color: black;
transform: translateY(20px);
margin: 0px 20px;
padding: 0px;
}
the result is this:
I don"t know what to do.