Почему не центрируется блок?

[nikki4]

Вот есть каталог электропечек для бани, со следующими стилями:

 

.elpechi - стиль тела этой страницы, чтобы не применялось к другим аналогичным

.marg - блок с каталогом печей

.cat_row - блок с рядами (компонент разбивает товары по рядам)

.floatleft - блок карточки товара со своими стилями.

 

задача - отцентрировать.

поидее это делается так, но не работает:

.elpechi .marg .cat_row {margin:0 auto;}

пробовал так:

 .elpechi .marg  {margin:0 auto;}

тоже не центрирует.

 

 

 

текущие стили:

.cat_row {    float: left;}

.elpechi .marg .cat_row .floatleft {    background: #fff none repeat scroll 0 0;    border: 1px solid #ddd;    border-radius: 5px;    box-shadow: 0 0 5px #c2c0c0;    display: block;    float: left;    height: 357px;    margin: 14px 0 14px 28px;    padding: 10px;    text-align: center;    width: 277px;}

 

 

 

 

Edited December 11, 2015 by nikki4

[ученик]

Да вроде бы всё в центре находится - какие элементы надо отцентрировать ?

[Q4Dizzy]

.cat_row {    max-width: 1010px;    margin: 0 auto;}

Обтекание соответственно убираем.

 

Или второй вариант

 

.cat_row ставим display: inline-block;

 

а родителю .marg ставим text-align: center;

Edited December 12, 2015 by Q4Dizzy