Flexbox gap

by Yury

HTML

<div id='box'>
    <div class='item'></div>
    <div class='item'></div>
    <div class='item'></div>
    <div class='item'></div>
</div>

CSS

/* ----- Flexbox gap: ----- */

#box > * + * {
  margin-left: 10px;
}


#box { display: flex; width: 230px; outline: 1px solid blue; }
.item { background: gray; width: 50px; height: 100px; }