1. <ul>
  2. <li><a>ボキャブラ天国</a></li>
  3. <li><a>ミュージックステーションスーパーライブ</a></li>
  4. <li><a>タモリ倶楽部</a></li>
  5. <li><a>世にも奇妙な物語</a></li>
  6. <li><a>ブラタモリ</a></li>
  7. </ul>
  1. ul {
  2. display: table;
  3. width: 100%;
  4. border-collapse: collapse;
  5. }
  6. li {
  7. display: table-cell;
  8. width: 20%;
  9. vertical-align: middle;
  10. }
  11. li:nth-child(n+2) {
  12. padding-left: 1px;
  13. }
  14. li a {
  15. background: #86c0de;
  16. }
  17. li a:hover {
  18. background: #68abcd;
  19. }