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

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

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

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

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

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

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

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


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