JSFiddle - React, Tailwind, and code Playground

by bakhshi

HTML

<div class="container">
    <div class="text">te</div>
    <footer>
        <div class="ok">ok</div>
        <div class="cancel">can</div>
    </footer>
</div>

CSS

.container{
    height:50px;
    background-color: grey;
    width:200px;
}

.text{
    width: 150px;
    float:left;
    height:100%;
    background-color: yellow;
}

footer{
    height:100%;
    width:50px;
    background-color:red;
}