JSFiddle - React, Tailwind, and code Playground

HTML

<p>előtte</p>

<div id="dis">elrejtés: display: none</div>

<p>közötte</p>

<div id="vis">elrejtés: visibility: hidden</div>

<p>utána</p>

CSS

div#dis {
  display: none;
}

div#vis {
  visibility: hidden;
}

p {
  background-color: yellow;
}

div {
  height: 50px;    
}