JSFiddle - React, Tailwind, and code Playground

by il kamil

HTML

<div id="wrapper">
    <div id="left">
        <div class="blocks">A</div>
        <div class="blocks">C</div>
        <div class="blocks">D</div>
    </div>
    <div id="right">
         <div class="rightBlock">
             B
        </div>
         <div class="rightBlock">
             E
        </div>
    </div>
</div>

CSS

#wrapper{
    width:500px;
}
#left {
    float:left;
    width:100px;
}
.blocks {
    padding:30px;
    border:2px solid #333;
    float:left;
    margin:0 0 10px 0;
}
#right {
    float:right;
}
.rightBlock{
    border:2px solid #333;
    width:390px;
    min-height:125px;
    text-align:center;
    margin:0 0 10px 0;
}