CSS - display: none vs visibility: hidden

by gocode

HTML

<h1 class="none">This is a hidden heading</h1>
<pre>display: none;</pre> does not take any space.
<h1 class="hidden">This is a hidden heading</h1>
<pre>visibility: hidden;</pre> takes space.

CSS

h1.none {
  display: none;
}

h1.hidden {
  visibility: hidden;
}