JSFiddle - React, Tailwind, and code Playground

HTML

<div id="c1" style="height:200px;width:250px;">
      <div id="c2" style="height:150px;width:210px;">
        <div id="d1" style="height:50px;width:100px;"></div>
        <div id="d2" style="height:50px;width:100px;"></div>
      </div>
    </div>

CSS

div{
    border:1px solid #ccc;
    padding:5px;
    margin:auto;
}