Есть страница, на которой отображается несколько (от 2 до 8) блоков с информацией.
Высота блоков произвольная, ширина может быть одинаковой (если так будет легче).

Первый вопрос - можно ли без дополнительных элементов распределить блоки по горизонтали, чтобы они занимали всю ширину? При этом между блоками должно быть пустое пространство.
Если задавать padding-right, то занимается не все пространство (у правого края страницы остается пустое место, равное padding-right). Если у последнего блока не задавать padding, тогда у правого края страницы пустого места не будет, но тогда последний блок будет чуть шире остальных.
Нужное поведение есть у таблиц (cell-padding), но таблицы мне не подходят, т.к. блоки должны переноситься на новую строку, если не умещаются.
В гугле есть несколько решений ( например ), но как это совместить с float и переносом на новую строку - я не соображу.

Второй вопрос - хотелось бы добиться максимально эффективного заполнения пространства страницы.
Допустим ширина страницы 100, на странице 3 блока шириной 40 каждый.
Высота каждого блока заранее неизвестна, но пусть будет 50, 30 и 90.
Если просто использовать float:left, то на странице будет выведен первый блок (координаты верхнего левого угла 0,0), затем рядом с ним (справа) второй блок (координаты верхнего левого угла 40,0) и под вторым блоком будет выведен третий блок (координаты верхнего левого угла 40,30).
Но более рационально было бы сделать так, чтобы второй блок был перенесен под первый блок (координаты верхнего левого угла 0,50), а третий блок занял вторую колонку (координаты верхнего левого угла 40,0).
Можно ли такого добиться с помощью CSS или тут без скриптов не обойтись?

________________________
Мы смотрим с оптимизмом...
...в оптический прицел.