Равная высота блоков div

[SniPPer]

Здравствуйте!

Необходимо создать равную высоту двух блоков div.

Блоки выровнял с помощью:

float: left;

Оба блока имеют визуальную границу.

По идее, левый блок будет всегда иметь больше текста, чем правый. Но получается некрасиво - левый блок значительно ниже уходит границей, а хотелось бы чтобы обе нижние границы блоков были на одном уровне.

Просьба сразу не пинать ногами, можно тыкнуть носом в мануал (хотя ничего не смог выудить полезного )

Всё вышесказанное одной картинкой http://s017.radikal.ru/i415/1111/36/0728d5870c67.png

[sigma77]

SniPPer,

Раз

Два

[SniPPer]

Ого! Спасибо!

Я даже про такие свойства как display: table; и не видел нигде..

[SniPPer]

Всё бы хорошо, но никак не получается эти два блока разделить промежутком... padding-right не помогает.

[SniPPer]

Ужасно тупое решение пришло:

- вставить ещё один <div></div>

- дать отступы этому блоку padding-left: 5px; padding-right: 5px;

[Gaspode]

Всё бы хорошо, но никак не получается эти два блока разделить промежутком... padding-right не помогает.

border-spacing