JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div style="display:inline-block;"></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>

CSS

.wrapper
{
    font-size: 0;
}

.wrapper div
{
    font-size: medium;
}