Несколько div float:left выровнять по центру (горизонталь)

Например, рабочий пример с фиксированым колвом элементов:

Код:

<style> #content {width:360px; margin:0 auto;} .ddd {float:left; width:120px;} </style> ... <div id="content"> <div class="ddd">Title1</div> <div class="ddd">Title2</div> <div class="ddd">Title3</div> </div>

Должно получиться что-то типа Title1,Title2,Title3 идущих в одной строке подряд по центру экрана по горизонтали. Но дело в том, что колво <div class="ddd">TitleX</div> может быть переменным, как и 3 (как в премере), так и 1 и 5ть, а <div id="content"> как видно не резиновый..
Как можно в случае с переменным колвом <div class="ddd"> отцентрировать их все по центру по горизонтали?

Врывается бесплатная помощь на мх))

Я иногда юзаю такую схему(допустим меню), для этого убирай флоат с этих элементов и ставь display:inline-block и в #content ставь text-align:center.

Но если эл-ты обязательно должны был Флоат, то тогда сработает схема с двумя обертками. Гугли: css float center и таму подобные запросы.

Вот уже готовый вариант: http://pmob.co.uk/pob/centred-float.htm

Не принципиально, главное, чтоб работало во всех браузерах!
Огромное спасибо!