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

[E5000]

Вот код:

<style>
#inners{
	width: 400px;
	margin: auto;
	background-color: red;
	text-align: center;
}
#inners .inner{
	display: inline;
	float: left;
	margin-right: 10px;
	background-color: green;
}
</style>

<div id="inners">
	<div class="inner">11111<br>11111<br>1111</div>
	<div class="inner">222222</div>
	<div class="inner">3333</div>
	<div style="clear: both;"></div>
</div>

Хочу выравнять эти инлайновые блоки по центру. Думал, что text-align: center сработает для инлайновых элементов, но не сработал Может кто знает?

[Softlink]

http://forum.htmlbook.ru/index.php?showtopic=20735 оно?

[sigma77]

E5000,

Так ты делай либо inline, либо float

float помимо всего прочего также делает элемент блочным.

[E5000]

Softlink

Спасибо, интересное решение!

sigma77

А в чём тогда разница такого блочного элемента? Я думал, что блочный, это когда он стоит один на всю страницу, а как иначе блочный понимать? В чём его отличие от внутристрочного?)

[psywalker]

sigma77

А в чём тогда разница такого блочного элемента? Я думал, что блочный, это когда он стоит один на всю страницу, а как иначе блочный понимать? В чём его отличие от внутристрочного?)

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

[Nekromancer]

sigma77

А в чём тогда разница такого блочного элемента? Я думал, что блочный, это когда он стоит один на всю страницу, а как иначе блочный понимать? В чём его отличие от внутристрочного?)

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

Это называется box-model.

http://www.w3.org/TR/CSS2/box.html

http://www.w3.org/TR/css3-box/

[SelenIT]

В чём его отличие от внутристрочного?)

В том, что он остается монолитным, даже если текст в нем переносится на новую строку.