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

Question

[iffkomc]

Ребят, подскажите, пожалуйста, как выровнять товар (тот, что снизу)? Желательно только с помощью CSS, самый быстрый способ, по идее. Не могу ничего придумать. Заранее спасибо за помощь!
alkokuban.ru/konyak

Answer 1

[Глюкъ Виртуален]

Госспыдя, ну и наворотили, ну наворотили... Тяжело будет такую кашу редизайнить.

.row
{
display: inline-flex;
}

.row-fluid .span6
{
text-align: center;
}

div.browse-view
{
text-align: left;
}

И перед этим поубирайте лишние float:left. Сами сообразите где?

Comments

[Антон]

.row-fluid .span6
{
text-align: center;
}

может быть не только на этой странице а где-нибудь еще.

Answer 2

[Андрей Б.]

В вашем случае никак.
Вернее проще оставить как есть, иначе придется многое перелопачивать, т.к. у вас сетка так построена.

Answer 3

[Антон]

Никак.
Т.к. у вас вирт, легче все данную проблему решить поставив по две категории в строку или 4, а не 3.
Это будет правильное решение.

Answer 4

[Andrey Dontsov]

Попробовать отменить float у последней, если картинки идут одна за другой в одном блоке, а самому блоку задать margin: 0 auto;
Или сеткой сверстать верхний ряд из трех блоков, а нижний один (объединенный из трех)
Вообще я нубас, но можно попробовать эти варианты)

Answer 5

[Ilya Korablev]

Лучше не надо. А если очень хотите - используйте старый тег <center/>

Answer 6

[rhost]

Удалите лишние float

.row{
  text-align: center;
}
.row .category{
  display: inline-block;
  vertical-align: top;
}

Верстка на сайте....ужас.

Answer 7

[Алим Алибаев]

Верстайте flex'ами, кроссбраузерность нормальная.