deloreanmc12 https://blog.hatena.ne.jp/deloreanmc12/ 3流プログラマのメモ書き https://3ryupg.hatenablog.com/ Webがらみ (HTML)定義リスト(dl,dt,dd)で2列横並びにするで、2列の場合の表を定義リストで表現する方法を書きました。 今回は ul 要素を使って複数列の場合を試してみたいと思います。 完成形は下記のような感じです。 1行目は2列。2行目以降は4列といった感じにします。 まず、HTMLはこんな感じです。 class="li_float"> class="left">項目1 class="cl2_right">あいうえおアイウエオあいうえおアイウエオあいうえおアイウエオあいうえおアイウエオあいうえおアイウエオ class="li_float"> class="left">項目2 class="f… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F3ryupg.hatenablog.com%2Fentry%2F2012%2F06%2F26%2F004700" title="(HTML)ul(リスト)を使って4列横並びにする - 3流プログラマのメモ書き" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/d/deloreanmc12/20110726/20110726000000.jpg Hatena Blog https://hatena.blog 2012-06-26 00:47:00 rich https://3ryupg.hatenablog.com/entry/2012/06/26/004700 1.0 100%