ulで横並びリストの作り方　複数サンプル

「display: table-cell」でつくる

li改行なし

li改行あり

「display: inline-block」でつくる

li改行なし

li改行あり

「float: left」でつくる

li改行なし

li改行あり

「display: flex」でつくる

li改行なし

li改行あり

解説記事に戻る