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

Question

[Alexandr Lebedev]

Подскажите как вировнять блоки на етой странице?
Вот ссилка:zebtelatmtest.contentsia.com/atm-machines
Пробую через float толку нету...

Answer 1

[Валерий Серов]

.woocommerce {
    padding: 25px;
    width: 30%;
    float: left;
}
.woocommerce:last-child:after{
   content: '';
display:table;
clear:both;
}
.woocommerce+br{
display: none /*это только для пробы но должно работать*/
}

Comments

[Alexandr Lebedev]

Работает но почемуто вылазит на footer..

[Валерий Серов]

Alexandr Lebedev: ага
родитель:after{
content: '';
display:table;
clear:both;
вот это только у родителя этих блоков

[Alexandr Lebedev]

Валерий Серов: Не совсем понял.. можно поподробней

Answer 2

[Андрей Федоров]

Омг. У вас <br><br> между блоками, т.е. переносы строк. Уберите. И добавьте блокам display: inline-block. С отступами то хоть разберетесь сами?

Comments

[Alexandr Lebedev]

Это woocemerce виводит

[Андрей Федоров]

Что это? Плагин какой-то или шаблон? Стоит ли использовать нечто подобное, чтобы потом бороться с его глюками?

[sajanara]

Андрей Федоров: есть ли другие варианты?(именно альтернатива) спасибо

[Андрей Федоров]

Вопрос не по адресу. Раз уж вы выбрали этот шаблон - допиливайте. Отредактируйте так, чтобы он работал как вам нужно.

[sajanara]

Андрей Федоров: Спасибо