1. <nav>
  2. <ul class="cf">
  3. <li><a>ボキャブラ天国</a></li>
  4. <li><a>ミュージックステーションスーパーライブ</a></li>
  5. <li><a>タモリ倶楽部</a></li>
  6. <li><a>世にも奇妙な物語</a></li>
  7. <li><a>ブラタモリ</a></li>
  8. </ul>
  9. </nav>
  1. nav {
  2. text-align: center;
  3. background: #fafafa;
  4. }
  5. nav ul {
  6. display: inline-block;
  7. }
  8. li { float: left; }
  9. li:nth-child(n+2) { padding-left: 1px; }
  10. li a { background: #86c0de; }
  11. li a:hover { background: #68abcd; }