Горизонтальные блоки по половине ширины

[Serg@NT]

Всем привет. Давненько тут не был.
Такая проблема возникла. Переверстываю дивами сайт, написанный таблицами в лохматых годах. Нужно сделать 2 блока, расположенных горизонтально и занимающих по половине ширины + небольшое пространство между ними.
В таблицах было просто: 1 ряд, 2 ячейки по 50%. Они занимали по половине, а если текст не вмещался, то соответственно изменялись (одна уменьшалась, другая увеличивалась).
Подскажите, пожалуйста, возможно ли такое сделать дивами. Перепробовал все варианты ширины: проценты, auto. У меня то второй прыгает на следующую строку, то текст вылезает за границы при уменьшении окна, то при auto остаётся много свободного места.
Заранее спасибо.

 

[lekzd]

А чем же не устраивают таблицы?

 

[MaxSvargal]

<div style="float:left; width:50%;">
<div style="padding: 20px;">
<!-- some text -->
</div>
</div>
<div style="float:right; width:50%;">
<div style="padding: 20px;">
<!-- some text -->
</div>
</div>

Либо одну колонку делать статичной (указать паддинг у второй) и изменять размеры только первой колонки.
Иначе javascript.