ulで横並びリストの作り方 複数サンプル
「display: table-cell」でつくる
li改行なし
li改行あり
項目1
項目2
項目3
項目4
項目5
「display: inline-block」でつくる
li改行なし
li改行あり
項目1
項目2
項目3
項目4
項目5
「float: left」でつくる
li改行なし
li改行あり
項目1
項目2
項目3
項目4
項目5
「display: flex」でつくる
li改行なし
li改行あり
項目1
項目2
項目3
項目4
項目5
解説記事に戻る