ul使用 table 排選單

by ken tsai

HTML

<nav>
 <ul>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <li>Five Seven</li>
 </ul>
</nav>

CSS

nav {
     display:table; width:800px; background:yellow
}
ul {
      display:table-row; 
}
li {
      display:table-cell; border:1px solid red
}
li:hover{
    background: red;
}