Отличный способ выровнять блоки в строку в CSS — display: inline-block
По сравнению с display: inline
, основным отличием является то, что display: inline-block
позволяет задавать ширину и высоту элемента.
Кроме того, с display: inline-block
, верхний и нижний поля/обивка уважают, но с display: inline
они не являются.
По сравнению с display: block
, основным отличием является то, что display: inline-block
не добавляет разрыв строки после элемента, поэтому элемент может сидеть рядом с другими элементами.
The New Way - using inline-block
Floating box 1
Floating box 2
Floating box 3
Floating box 4
Floating box 5
Floating box 6
Floating box 7
Floating box 8
Another box, after the floating boxes...
На память
Next Post
lightbox для картинок в слайдере Yootheme
На память