More than 5 years have passed since last update.

CSSで横並びのリストを中央揃えする方法

Last updated at 2016-02-10Posted at 2016-02-09

毎回、意外と困ると話題の横並びのリストを更に中央揃えする方法です。

方法

<ul>
  <li>Fantastic</li>
  <li>Internet</li>
  <li>Challenge</li>
  <li>Challenge</li>
</ul>

ul {
  font-size: 0;
  text-align: center;
}

li {
  display: inline-block;
  font-size: 12px;
  padding: 0 10px;
}