Блочная модель документа / Управление типом элемента, свойство display [17/23]
×

Управление типом элемента, свойство display [17/23]

Тип элемента не является чем-то вечным и неизменным, его можно изменять с помощью CSS. За это отвечает свойство display.

С его помощью, например, можно сделать абзацы и заголовки строчными, а спаны и стронги блочными элементами.

У свойства display много значений. С двумя из них вы уже заочно познакомились. Свойство display:block обозначает блочный элемент, а display:inline — строчный.

В третьей части курса мы познакомимся с некоторыми более продвинутыми значениями свойства display.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Управление типом элемента, свойство display</title> <link rel="stylesheet" href="/assets/course9/style1.css"> </head> <body> <p>По умолчанию абзац является <strong>блочным элементом</strong>. А тег &lt;strong&gt; <strong>строчным элементом</strong>.</p> <p>Но это поведение можно изменить с помощью CSS.</p> <p>Вообще для любого элемента.</p> </body> </html>
CSS
body { padding: 10px 20px; } p { } strong { }
HTML Academy

Измените привычное поведение знакомых тегов:

  1. задайте абзацам display: inline;,
  2. а стронгам display: block;.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.