Код вашей страницы

<html>
<head>
<style type="text/css">
h1.hidden {visibility:hidden;}
</style>
</head>

<body>
<h1>Этот заголовок видимый.</h1>
<h1 class="hidden">Этот заголовок скрыт.</h1>
<p>Не забывайте о том, что скрытые элементы занимают выделенное для них пространство. Поэтому этот параграф не поднялся к видимому заголовку, а находится здесь.</p>
</body>
</html>

Результат в окне браузера

Этот заголовок видимый.

Этот заголовок скрыт.

Не забывайте о том, что скрытые элементы занимают выделенное для них пространство. Поэтому этот параграф не поднялся к видимому заголовку, а находится здесь.

К примерам CSS >> В раздел CSS >> На главную >>


HTML-верстка: инструменты и приемы профессиональной front-end разработки