visibility

The visibility CSS property has two purposes:
 
1) The hidden value hides an element but leaves space where it would have been.
&nbsp
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>