JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test one">
    <span></span>
    <div>No gap above if no border in span</div>
</div>
<hr/>
<div class="test two">
    <span></span>
    <div>Gap above because span has a border</div>
</div>

CSS

.test { background: yellow }
.two span { border-top: 1px; border-style:solid; border-color:transparent }