The visibility CSS property has two purposes:
1) The hidden value hides an element but leaves space where it would have been.
 
2) The collapse value hides rows or columns of a table. It also collapses XUL elements.
Values
visibility: visible
visibility: hidden
visibility: collapse
visibility: inherit
<!DOCTYPE html>
<html>
<head>
<style>
.p1 {
visibility: hidden;
}
/* paragraphs won't be visible */
.showme {
visibility: visible;
}
/* except of these with class showme */
.col {
visibility: collapse;
}
/* table rows with class col will collapse */
</style>
</head>
<body>
<p class="p1">
The quick brown red fox jumps over the lazy dog
The quick brown red fox jumps over the lazy dog
</p>
<p class="showme">
The quick brown red fox jumps over the lazy dog
The quick brown red fox jumps over the lazy dog
</p>
<p class="col">
The quick brown red fox jumps over the lazy dog
The quick brown red fox jumps over the lazy dog
</p>
</body>
</html>