HTMLコード <ul class="float"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="inline"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="inline-block"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="table-cell"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="flex"> <li>1</li> <li>2</li> <li>3</li> </ul> CSSコード ul { list-style-type: none; padding-left: 0; } li { background: #CCC; width: 50px;
![横並びのリストを中央寄せにする5つの方法 - CSSテクニック - acky.info](https://cdn-ak-scissors.b.st-hatena.com/image/square/23d040cafe2f5d7b181bc481b22065ab78ad34b6/height=288;version=1;width=512/https%3A%2F%2Fwww.acky.info%2Fdesign%2Fimg%2Ftips%2Fcss%2F00011%2Fogp.png)