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

text-align: center;やmargin: 0 auto;ではセンタリングできないfloatで並べたリストをセンタリングさせる。

センタリングなし

センタリングあり

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

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

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