Display table, проблема с выравниванием колонок
Подскажите, пожалуйста, как можно сделать отступ сверху во второй колонке так, чтобы это не задевало первую колонку? Сейчас 1 спускается вниз, а мне нужно, чтобы она оставалась вверху. Как это можно сделать?
.table{
display:table;
width:100%;
}
.table-cell{
display: table-cell;
background: red;
}
.two{
padding-top:50px
}<div class="table">
<div class="table-cell">
<div class="one">
1
</div>
</div>
<div class="table-cell">
<div class="two">
2
</div>
</div>
</div>