CodePen Embed - flex gap

<div class="kapsul">
  <div>F</div>
  <div>L</div>
  <div>E</div>
  <div>X</div>
</div>

.kapsul {
  display: flex;
  row-gap: 20px;
  column-gap: 10px;
  float: left;
  flex-wrap: wrap;
  width: 380px;
  border: 1px solid;
}

.kapsul div {
  width: 100px;
  padding: 10px;
  background: lightblue;
}

This Pen is owned by Fatih on CodePen.

See more by @fatihhayri on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.