Как поставить несколько div в ряд? Как поставить несколько div в ряд?
По дате
По рейтингу
свойство display : inline-block
либо float:left, float:right
А можно и без float: left или right или display: inline-block;
Просто написать display: table-cell;
Так как в display: inline-block; появятся отступы геморные, а флоат уберет нижнюю границу, прийдется дописывать границу подгрузки.
float: left или right
https://jsfiddle.net/atlanta/1p36otm5/ вот так - но самое важное что бы блоки помещались в нужном блоке и для этого используй правило css - их можно уместить не ограниченное кол-во
.class_name {
witdh: 25%;
float left;
}
< div class="class_name">что-то тут< /div>
< div class="class_name">что-то тут< /div> // без пробелов
< div class="class_name">что-то тут< /div>
< div class="class_name">что-то тут< /div>
итог: 4 бокса в ряд.
Видео по теме