Расположить div'ы в ряд

[hooey_ru]

Нужно расположить элементы DIV по четыре штуки в ряд, примерно как на этой корявенькой картинке:

Причем еще желательно чтобы они вели себя, как обычные элементы - если все четыре div'а не влезают по ширине в окно браузера, то чтобы они сами переносились на новую строку.

По идее, как я прочитал в справочнике, за такое поведение отвечает display:block; но что-то не срабатывает. Все DIV'ы просто идут один за другим по вертикали, т. е. по одному в ряд. Помучился с display:absolute, но это, похоже, вообще тут не катит.

Можно было бы не париться и просто сделать TABLE, но хочется же "по-правильному"

[Emm]

display:inline;

float

вобщем это целая наука css раскладки))

[hooey_ru]

Да, вот я делаю float:left, но тогда ряд DIV'ов прилипает к левому краю экрана, а мне нужно, чтобы весь ряд DIV'ов выравнивался по центру. Это можно как-то сделать?

[Vlad]

Для родителя надо тогда задать text-align: center. Только здесь ряд нюансов имеется, все зависит от ширины картинок. Если они одинаковы, тогда вообще проблем нет.

[Victor Ananiev]

сделать родительский див, и чтобы все картинки к нему прилипали, а не к экрану, и его уже позиционировать.

[ivan]

...или по-тупому - засунь все в таблицу