Проблема с выравниванием div

Question

У меня есть контейнер div, ширину которого я хотел бы установить в соответствии с шириной внутренних блоков. Проблема, с которой я сталкиваюсь, заключается в том, что контейнер с автоматической шириной охватывает всю страницу.

Я грубо смоделировал то, что хотел бы (2-я реализация с установленной постоянной шириной) по сравнению с тем, что я получаю с моими автоматическими настройками. http://jsfiddle.net/n3Q3n/1/

Что мне сделать, чтобы получить div в центре без указания ширины?

Answer 1

, пожалуйста, попробуйте это, это работает хорошо для меня, надеюсь, это решит вашу проблему:

добавить объект в следующем классе

.container {
    text-align: center;
 }

из класса .left & .right

удалить {float:left & float:right} соответственно и

добавить {display:inline-block}

Answer 2

изменить отображение всех делений и удалить поплавки слева и справа.

на всех: Дисплей: встроенный блок; на контейнере: ширина: 100%

или это

http://jsfiddle.net/n3Q3n/15/