Дополнительные поля в 2 ряда

Andre Mussa

Новичок
Регистрация
24 Фев 2017
Сообщения
354
Реакции
115
Баллы
43
Сегодня нужно было оформить 12 доп полей на странице, но в 1 ряд смотрелось сильно пусто справа от полей, решил сделать в 2 ряда. Вот как делал:
<div class="box_1">тут левый ряд из 6 доп полей</div>
<div class="box_2">тут правый ряд из 6 доп полей</div>
дальше в стилях прописал в конце
.box_1 {
widht:200px;
float:left;
}
.box_2 {
widht:200px;
float:left;
position: relative;
left: +10%;
}
для первого див - слева, для второго слева +10 процентов отступа, вышло неплохо, мож кому пригодится)
 

Karambole

Новичок
Регистрация
1 Мар 2017
Сообщения
189
Реакции
137
Баллы
43
да, в 2 столбца лучше смотрится чем в один (на сайте про Крым)
Может кому-то и пригодится на клоне киного))), замечаю как на клонах из-за этого много пустого места не используется)
 

alexbik

Новичок
Регистрация
2 Апр 2017
Сообщения
67
Реакции
9
Баллы
8
Такой простой способ а смотрится с двумя столбцами куда лучше
 

Andre Mussa

Новичок
Регистрация
24 Фев 2017
Сообщения
354
Реакции
115
Баллы
43
так да, я вчера думал сначала сбоку от картинки, но много полей, потом решил в 2 столбца
 
Сверху Снизу