JSFiddle - React, Tailwind, and code Playground

by Destan Sarpkaya

HTML

<div class="content">
      <div class="left">
        <p>Hi, Flo!</p>
      </div>
      <div class="middle">  
        <p>is</p>
        <p>this</p>
        <p>what</p>
        <p>you are looking for?</p>
      </div>
        <div class="right">foo</div>
    </div>

CSS

.content .left{
    float:left;
    width:100px;
    background-color:green;
}
.content .middle{
    margin-left:100px;
    margin-right:100px;
    background-color:red;
}

.content .right{
    float:right;
    width:100px;
    background-color:blue;
}