JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents.</p>
</div>
<div class="box2"></div>
<div class="box"></div>
<div class="box"></div>

CSS

.box {
float:left;
  width: 200px;
  height: 100px;
  margin: .25em;
    background-color:blue;

}

.box2 {
    width:200px;
    height:300px;
    background-color:orange;
}
.box:after,.box1:before {
    clear:both;
}
.box p {
color:red;
}