I have a list of links that I want to stack one on top of the other for navigation structure. Here's my HTML:
<nav>
<ul>
<li><a href="#"><span class="code">1</span><span class="name">One</span></a></li>
<li><a href="#"><span class="code">2</span><span class="name">Two</span></a></li>
<li><a href="#"><span class="code">3</span><span class="name">Three</span></a></li>
</ul>
</nav>
Each list item should be a square, and they should all align vertically. The text inside each square should have the number (1) in large font with the name (one) directly below it.
But for some reason the name is being pushed way below, into the next anchor tag.
You can see what I have here: http://ift.tt/1HnuIJT
Anyone know how I can fix this issue?
Aucun commentaire:
Enregistrer un commentaire