JSFiddle - React, Tailwind, and code Playground

by damir aushenov

HTML

<div class="header">
    <div class="first">
    </div>
    <div class="third">
    </div>
    <div class="second">
    </div>
</div>

CSS

.header{    
    width: 310px;
    height: 60px;
}
.first{
    display: inline-block;
    width: 150px;
    height: 60px;
    background:lightblue
}
.second{
    display: inline-block;
    width: 305px;
    height: 60px;
    background:lightgreen;
}
.third{
    display: inline-block;
    width: 200px;
    height: 60px;
    background:pink;
}