Как выравнять блоки с динамической шириной по центру?

<div style="width:800px; margin:0 auto; overflow:hidden;position:relative; border: 1 px solid red;">
<div style="width:530px; margin:0 auto; overflow:hidden;position:relative; border: 1 px solid yellow;">

<table align="center">
<tr><td>
<div style="float:left;padding:10px; margin:20px;border: 1 px solid green;">1111</div>
<div style="float:left;padding:10px; margin:20px;border: 1 px solid green;">222222222222</div>
<div style="float:left;padding:10px; margin:20px;border: 1 px solid green;">333333333</div>

</td></tr>
</table>
</div>
</div>

Можно сделать тоже самое, но без таблицы?

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.