JSFiddle - React, Tailwind, and code Playground
HTML
<div id="VGroup18668">
<span id="Label18433">Layout</span>
<span id="Label19180">Layout Block</span>
<span id="Label19219">Layout</span>
<span id="Label19259">Layout</span>
<span id="Label19298">Layout</span>
<div id="BorderContainer20016"> 
</div >
<div id="BorderContainer19729"> 
</div >
</div>
CSS
#VGroup18668 {
position:absolute;
top:20px;
left:20px;
width:200px;
display:inline-block;
overflow:visible;
text-align:center;
}
#Label18433 {
position:relative;
vertical-align:top;
margin-bottom:5px;
display:block;
font-weight:bold;
font-size:12px;
margin-top:-0.2em;
}
#Label19180 {
position:relative;
vertical-align:top;
margin-bottom:5px;
display:block;
font-weight:bold;
font-size:12px;
margin-top:-0.2em;
}
#Label19219 {
position:relative;
vertical-align:top;
margin-bottom:5px;
display:block;
font-weight:bold;
font-size:12px;
margin-top:-0.2em;
}
#Label19259 {
position:relative;
vertical-align:top;
margin-bottom:5px;
display:block;
font-weight:bold;
font-size:12px;
margin-top:-0.2em;
}
#Label19298 {
position:relative;
vertical-align:top;
margin-bottom:5px;
display:block;
font-weight:bold;
font-size:12px;
margin-top:-0.2em;
}
#BorderContainer20016 {
position:relative;
vertical-align:top;
margin-bottom:5px;
width:40px;
height:50px;
display:inline-block;
background-color:rgba(255,255,255,1);
border-style:solid;
border-width:1px;
border-color:#696969;
border-radius:0;
display:inline-block;
overflow:auto;clear:right;
clear:right;
}
#BorderContainer20016:after {
content:"\a ";
white-space:no-wrap;
}
#BorderContainer19729 {
position:relative;
vertical-align:top;
width:140px;
height:80px;
display:inline-block;
background-color:rgba(255,255,255,1);
border-style:solid;
border-width:1px;
border-color:#696969;
border-radius:10px;
display:inline-block;
overflow:auto;
}
*, *:before, *:after {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
html, body {
width:100%;
height:100%;
margin:0;
padding:0;
}