MENU

DIVを横並びにする

フロートを利用しなくても簡単にできる!
横並び!

中央

<div style="display: -webkit-flex;display: flex;">
<section style="margin:10px;background: #ccc;padding:15px;">
<p>左</p>
</section>
<section style="margin:10px;background: #ccc;padding:15px;">
<p>中央</p>
</section>
<section style="margin:10px;background: #ccc;padding:15px;">
<p>右</p>
</section>
</div>

広告

目次