floatを使用せず,table,tdのように簡単に横並びできる display:table。 主な設定は親要素にdisplay:table。 子要素にdisplay:table-cellを付与する。 html <section id="first"> <h2>display:table <span>-floatを使わない横並び-</span></h2> <ul> <li>chapter01</li> <li>chapter02</li> <li>chapter03</li> </ul> <p>子要素の&lt;li&gt;にdis</p></section>…