JSFiddle - React, Tailwind, and code Playground

HTML

<div id="prvni" >1
    <div id="obal">
      <div id="druhy" >2</div>
      <div id="treti" >3</div>
      <div id="ctvrty" >4</div>
    </div>
</div>
<div class="clear"></div>

CSS

.clear{
    clear:both;
}
#prvni{
    width:100%;
    hight: 100%;
    background: red;
} 
#obal{
    float: left;
    width:90px;
    float:right;
}
#druhy{
    width: 30px;
    hight: 100%;
    float: left;
    background: blue;
}
#treti{
    width: 30px;
    hight: 100%;
    float: left;
    background: pink;
}
#ctvrty{
    width: 30px;
    hight: 100%;
    float: left;
    background: yellow;
}