html5 - My borders don't line up? -


i have following navigation bar in html5:

<div id = 'nav'>     <ul>         <li>             <a href = ''>home</a>         </li>         <li class = 'final_nav'>             <a href = ''>faq</a>         </li>     </ul> </div> 

styled css:

#nav {     border: 1px solid #000;     padding: 0.1px;     background-color: #e5e5e5; } #nav li {     border-left: 1px solid #000;     padding: 20px;     display: inline; } .final_nav {     border-right: 1px solid #000; } #nav {     display: block-inline; } 

but left & right borders don't align top & bottom ones: navigation bar why this?
thanks

#nav li {     border-left: 1px solid #000;     padding: 17px;     display: inline; } 

this should fix it.


Comments

Popular posts from this blog

node.js - Bad Request - node js ajax post -

Why does Ruby on Rails generate add a blank line to the end of a file? -

keyboard - Smiles and long press feature in Android -