JSFiddle - React, Tailwind, and code Playground

HTML

<section>
    <div>Here</div>
    <div></div>
    <div>we</div>
    <div>   </div>
    <div>go</div>
    <div>   <!-- dude.... --></div>
    <div>again</div>
</section>

CSS

div {
    border: 2px solid green;
    margin: 10px;
    min-height: 14px;
}

div:empty {
    background: purple;
}

div:-moz-only-whitespace {
    background: orange;
}