JSFiddle - React, Tailwind, and code Playground

by Nitish Kumar

HTML

<h2>display: none</h2>
<div>
<span>First</span>
<span class="none">Second</span>
<span>Third</span>
<span>Four</span>
</div>

<h2>visibility:hidden</h2>
<div>
<span>First</span>
<span class="hidden">Second</span>
<span>Third</span>
<span>Four</span>
</div>

CSS

.none {
  display: none;
}

.hidden {
  visibility:hidden;
}