JSFiddle - React, Tailwind, and code Playground

by Taufik Nurrohman

HTML

<div id="parent">
    <div id="margin">
    blah<br />
    blah<br />
    blah<br />
    blah<br />
    </div>
    <div style="clear:both;"></div>
</div>

CSS

#parent{
    position:absolute;
    right:20%;
    width:60%;
    background: #ccc;
    margin-top:-1px;
}

#margin{
    width:15%;
    padding-right:12px;
    margin-top:-5px;
    padding-top:5px;
    float:left;
    background:#000;
    color:#fff;
}

JavaScript

// Div child needs to have height of 100% of div parent