Как внутри div-a разместить два других div-a горизонтально, чтоб задать отступ между ними и они стали по центру?

Question

[Vasya90]

Есть див, внутри него два дива размещены в ряд свойством display: table-cell Как их разместить по центру, с возможностью задать расстояние между ними?

Comments

[Ankhena]

Например, так https://jsfiddle.net/vxw27um5/

Answer 1

[ArtJH]

используй display flex

.родитель
display: flex;
    justify-content: center;
    flex-direction: column;

.child{
margin: 20px 0;
}

Comments

[Vasya90]

Помогло, на надо было подправить. flex-direction: row, padding: 20px