Предстовляеш это называется блочная вёрстка.

И в чём ужас? Автор попросил сделать два блока рядом без табличной вёрстки, я сделал. Вписал в css самое главное, если захочет можно будет дороботать.
И в твоём примере контент поплыл

<style>
.content { width: 100%; display: table; }
.box { width: 50%; display: table-cell; }
</style>
<div class="content">
<div class="box">left</div>
<div class="box">right</div>
</div>
как то-так