1. <ul class="cf">
  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. li {
  2. float: left;
  3. width: 17%;
  4. }
  5. li:nth-child(1) {
  6. width: 15%;
  7. }
  8. li:nth-child(2) {
  9. width: 34%;
  10. }
  11. li:nth-child(n+2) { padding-left: 1px; }
  12. li a { background: #86c0de; }
  13. li a:hover { background: #68abcd; }