Блочная модель документа / Строчные элементы [2/23]
×

Строчные элементы [2/23]

Строчные элементы располагаются друг за другом в одной строке, при необходимости строка переносится. Особенности строчных элементов:

  1. До и после строчного элемента отсутствуют переносы строки.
  2. Ширина и высота строчного элемента зависит только от его содержания, задать размеры с помощью CSS нельзя.
  3. Можно задавать только горизонтальные отступы.

К строчным элементам относятся такие теги как: <a>, <strong>, <em>, <span> и так далее.

Строчные элементы предназначены для оформления текста на уровне небольших фраз и отдельных слов. Блочные же элементы предназначены для разметки крупных блоков текста (заголовки, абзацы, списки) и создания сетки.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Строчные элементы</title> <link rel="stylesheet" href="/assets/course9/style1.css"> </head> <body> <h1>Строчные элементы</h1> <p><em>Строчные элементы</em> <strong>не создают переносов</strong> <span>строки</span> до и после себя. Такие элементы располагаются в строке слева направо. Если <em>строчный элемент</em> <span>не помещается в родительский контейнер</span>, то он переносится на следующую строку.</p> </body> </html>
CSS
p, div, h1, h2 { margin: 20px; padding: 10px; }
HTML Academy
  1. Добавьте на страницу два em и
  2. два span с текстом.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

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

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

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

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