フロートを利用しなくても簡単にできる!
横並び!
例
左
中央
右
<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>