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