У меня есть 2 div бок о бок со стилем «col2». Я хотел бы выровнять эти 2 div по горизонтали. Сегодня, когда у меня есть только один столбец, я отлично работаю, но когда я кладу 2 div бок о бок, divs не центрируются.Выровнять 2 divs бок о бок в родительском
IMG
HTML
<div class="secondGroup">
<div class="col2">
<p class="titleSection">test 1</p>
<hr />
</div>
<div class="col2">
<p class="titleSection">test 2</p>
<hr />
</div>
</div>
CSS
.secondGroup {
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
overflow: auto;
}
.col2 {
float: left;
width: 46.3%;
height: 350px;
background: white;
}
.col2:last-child {
margin-left: 40px;
}
.col2 .title {
float: left;
margin-left: 20px;
font-size: 14px;
}
Я попытался удалить поплавок налево и добавить встроенный блок, дивы теперь сосредоточены но второй div справа не находится под первым div .. – wawanopoulos
@wawanopoulos это из-за '.col2: last-child { margin-left: 40px; } ' – ketan
Я удаляю' .col2: last-child' тот же результат – wawanopoulos