display non text in div code example

Example 1: display none but keep space

div {
    visibility: hidden;
    /* visibility: visible */
}

Example 2: hide element using css tricks

.hide {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}

.remember-this-will-NOT-be-read {
   display: none !important;
}

.visuallyhidden { 
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}

reference : 
https://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/

Tags:

Css Example