JSFiddle - React, Tailwind, and code Playground

HTML

<div id="white"><div style="display:inline-block";content="asd"></div></div>

<div>Gap above created by inline-block</div>
<div style="display:block;"><input type="hidden" /></div>
<div>No gap above if using block</div>
<div id="black"><div style="display:inline-block";content="asd"></div></div>

CSS

* {
    margin:0;
    padding:0;
    border:0 none;
}
#white {
    line-height:0;
}
#black {
    font-size:50px;
    border:thin solid #000;
}