JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outside">
<div>
<h1> This is another</h1>
</div>
  <div class="inside">
    <h1>This is h1 tag</h1>
    <p>This is paragraph</p>
  </div>
  <div class="inside">
    <h1>This is h1 tag</h1>
    <p>This is paragraph</p>
  </div>
  <div class="inside">
    <h1>This is h1 tag</h1>
    <p>This is paragraph</p>
  </div>

</div>

CSS

.outside {
  background-color: red;
  height: 100vh;
  display:flex;
  align-items: center;
  justify-content: center;
}

.inside {
  background-color: yellow;
  width: 30%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  float: left;
}