проблема:несколько блоков по центру по горизонтали в одну линию?

[uaAlex]

В одну линию получается только когда использую float:left или right, при этом естественно что блоки прижимаются к краям, как сделать чтоб блоки располагались по центру по горизонтали в одну линию? Колво блоков будет зависить от шины монитора...

[psywalker]

В одну линию получается только когда использую float:left или right, при этом естественно что блоки прижимаются к краям, как сделать чтоб блоки располагались по центру по горизонтали в одну линию? Колво блоков будет зависить от шины монитора...

А зачем именно float; может inline-block; подойдёт?

[uaAlex]

А зачем именно float; может inline-block; подойдёт?

inline-block прижимает блоки к левому краю у меня... хотя ничего такого в стилях нет

.block{width:240px;background-color:#36C;margin:0 auto; display:inline-block}

<div class="block">

<div class="text"><p align="center">Название категории</p></div>

<img width="240px" height="180px" class="im"></img>

<div class="kr"><p align="center">Кол-во роликов</p></div>

</div>

<div class="block">

<div class="text"><p align="center">Название категории</p></div>

<img width="240px" height="180px" class="im"></img>

<div class="kr"><p align="center">Кол-во роликов</p></div>

</div>

А мне нужно чтоб они по центру были...

inline-block прижимает блоки к левому краю у меня... хотя ничего такого в стилях нет

.block{width:240px;background-color:#36C;margin:0 auto; display:inline-block}

<div class="block">

<div class="text"><p align="center">Название категории</p></div>

<img width="240px" height="180px" class="im"></img>

<div class="kr"><p align="center">Кол-во роликов</p></div>

</div>

<div class="block">

<div class="text"><p align="center">Название категории</p></div>

<img width="240px" height="180px" class="im"></img>

<div class="kr"><p align="center">Кол-во роликов</p></div>

</div>

А мне нужно чтоб они по центру были...

Решил вставить тег <center> на всю страницу, вроде выравнивает, но я не знаю на сколько это правильно...

Edited March 7, 2011 by uaAlex

[swetlana]

тэга <center> уже давно нет ни в одной современной спецификации. Страница с ним даже валидацию не пройдёт.

Просто у контейнера должно быть text-align: center, тогда блоки с display: inline-block будут выравниваться по центру.

[psywalker]

тэга <center> уже давно нет ни в одной современной спецификации. Страница с ним даже валидацию не пройдёт.

Просто у контейнера должно быть text-align: center, тогда блоки с display: inline-block будут выравниваться по центру.

+1

[uaAlex]

Да, спасибо, я так понимаю для внешнего юлока нужно текст алигн делать?

[psywalker]

Да, спасибо, я так понимаю для внешнего юлока нужно текст алигн делать?

Да