JSFiddle - React, Tailwind, and code Playground

HTML

<div id="all">
<div id="one">one</div>
<div id="two">two</div>
<div id="main">main para goes here main para goes here main para goes here main para goes here main para goes here main para goes here main para goes here main para goes here main para goes here main para goes here main para goes here main para goes here main para goes here </div>
</div>

CSS

#all{
    height: 300px;
    background: red;
}
#one{
    float: left;
}
#two{
    float: right;
}
#main{
    margin: 0 auto;
    width: 250px;
}