У меня есть два дочерних элемента <div>
внутри родительского контейнера <div>
, как показано:
<div class="row">
<div class="item">
<p>Sup?</p>
</div>
<div class="item">
<p>Sup?</p>
<p>Wish that other guy was the same height as me</p>
</div>
</div>
Я попробовал следующий CSS:
.item {
background: rgba(0,0,0,0.1);
display: inline-block;
}
.row {
border: 1px solid red;
}
Как я могу заставить обоих детей (div.item
) быть высотой самого высокого ребенка?
jsFiddle: http://jsfiddle.net/7m4f7/