hide element using css tricks code example

Example: 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/