PuzzleWeb
.ru
Learn HTML
Learn CSS
CSS tutorial
>
CSS display and visibility properties
> Hide HTML elements
Hide HTML elements
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Page title</title> <style> h1.hidden { visibility: hidden; } h2.none { display: none; } </style> </head> <body> <h1>This is the visible header</h1> <h1 class="hidden">Hidden header</h1> <h2 class="none">Hidden header 2</h2> <p>An element that is hidden using the visibility property still occupies the space where it should be, unlike the hidden element using the display property, which is removed from the normal document flow.</p> </body> </html>
Result:
Edit the code listed above and click the "GO" button to view the result.