Форум Сайтостроение Веб-строительство

div внутри diva, центрование внутреннего дива

L
На сайте с 18.02.2012
Offline
83
l17l
648

Здравствуйте, помогите от центровать по горизонтали внутренние блоки в диве.

Блоки с дивами: в ряд идет 7 блоков по горизонту


.filterblock{
padding: 8px;
float: left;
margin-right: 17px;
border: 1px solid #000;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

HTML БЛОКИ


<div class="filterblock">
<strong>Возраст</strong><br/>
<input class="inbr" name="min_age" style="width: 35px" placeholder="18"> &nbsp;- &nbsp;<input class="inbr" name="max_age" style="width: 35px" placeholder="80"></div>

<div class="filterblock">
<strong>Рост</strong><br/>
<input class="inbr" name="min_height" style="width: 35px" placeholder="150"> &nbsp;-&nbsp; <input class="inbr" name="max_height" style="width: 35px" placeholder="200"></div>

Что бы о центровать блоки, я сделал css по верх всех блоков.

CSS


.allfilterrrr{
width: 1100px;
margin: 0px auto;
}

Но он не центрует, я пробовал text-align то же не помогает.

Garin33
На сайте с 31.08.2009
Offline
169
Garin33
#1

http://jsfiddle.net/79SzJ/1/

Потому что Drupal - это круто.
L
На сайте с 18.02.2012
Offline
83
l17l
#2
Garin33:
http://jsfiddle.net/79SzJ/1/

Большое спасибо уважаемый.

Не вкурсе был за : display: inline-block;

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий