<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.