Отступы padding родителя флекс элементов в CSS

Родителю можно задать отступы padding:

<div class="parent"> <div class="child">1</div> <div class="child">2</div> <div class="child">3</div> </div>

.parent { display: inline-flex; padding: 10px; border: 1px solid red; } .child { width: 50px; height: 50px; border: 1px solid green; }

Результат выполнения кода:

uz ru