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. overflow: hidden;
  3. letter-spacing: -.5em;
  4. }
  5. li {
  6. display: inline-block;
  7. width: 20%;
  8. vertical-align: middle;
  9. letter-spacing: 0;
  10. }
  11. li:nth-child(n+2) {
  12. padding-left: 1px;
  13. }
  14. li a {
  15. margin: -4em 0;
  16. padding: 5em 1em;
  17. background: #86c0de;
  18. }
  19. li a:hover {
  20. background: #68abcd;
  21. }