floatで並べたリストのセンタリング

他にもいろんなやり方あるけど、一番簡潔なのはこれかな。

.centered {
  position: relative;
  overflow: hidden;
}

.centered ul {
  position: relative;
  left: 50%;
  float: left;
}

.centered ul li {
  position: relative;
  left: -50%;
  float: left;
}

via: http://hail2u.net/blog/webdesign/centering-floated-list.html

Pocket

una

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です