Đường viền của tôi không xếp hàng?

Question

Tôi có thanh điều hướng sau đây trong HTML5:

<div id = 'nav'> 
    <ul> 
     <li> 
      <a href = ''>HOME</a> 
     </li> 
     <li class = 'final_nav'> 
      <a href = ''>FAQ</a> 
     </li> 
    </ul> 
</div> 

Theo kiểu với CSS này:

#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 a { 
    display: block-inline; 
} 

Nhưng trái & biên giới đúng không phù hợp với các & những top bottom: Tại sao điều này?
Cảm ơn

Answer 1

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

Điều này sẽ khắc phục sự cố.