JSFiddle - React, Tailwind, and code Playground

by rohitazad

HTML

<div class="one">
    <div class="left">Left</div>
    <div class="right">right</div>
    <div class="center">center</div>
</div>

CSS

.one{
width:90%;
    margin:0 auto;
    overflow:hidden;
    background:green;
    text-align:center;
}

.left{
    float:left;
    background:yellow;
    width:20%;
    
}

.center{
    margin:0 auto;
    background:pink;
    width:50%;
    


    
}

.right{
    float:right;
    background:red;
    width:20%;
    
}



<div class="one">
    <div class="left">Left</div>
    <div class="right">right</div>
    <div class="center">center</div>
</div>