JSFiddle - React, Tailwind, and code Playground

by Gaurav Singh

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;
    display: flex;
    align-items:center
}
#one{
    float: left;
    order: 1;
}
#two{
    float: right;
    order: 3;
}
#main{
    margin: 0 auto;
    width: 250px;
    order: 2;
}