JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
  <div>
  <p>
  guten tag
  </p>

  </div>
  <div>

  </div>
  <div>

  </div>
</div>

CSS

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.main {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

.main > div {
  background: lightgrey;
  display: block;
  width: 100px;
  height: 100px;
  flex-basis: 30%;
}