Блочные и строчные элементы

Познакомившись со многими HTML-элементами можно заметить, что их поведение не всегда одинаковое — некоторые элементы (параграфы, списки, pre, div, заголовки, таблицы) всегда начинаются с новой строки. Они занимают всю ширину экрана. Такие элементы называются блочными. Они являются основой вёрстки HTML, так как они напрямую воздействуют на то, как будет расположен элементы рядом с ними на странице.

Помимо блочных элементов существуют строчные элементы. К ним относятся ссылки (a), теги начертания текста (b, strong, i, em), картинки, span. Они не влияют на расположение соседних элементов элементов и предназначены для придания смысловой нагрузки. В отличии от блочных элементов, строчные не занимают всю ширину экрана.

<p>Параграф является блочным элементом.</p>
<p>Он занимает всё пространство по ширине, поэтому каждый параграф начинается с новой строки.</p>

<span>Span является строчным элементом.</span>
<span>Он занимает ширину равной ширине своего контента, поэтому переноса строки нет</span>

Параграф является блочным элементом.

Он занимает всё пространство по ширине, поэтому каждый параграф начинается с новой строки.

Span является строчным элементом. Он занимает ширину равной ширине своего контента, поэтому переноса строки нет

Задание

Добавьте два тега span с тектом внутри. Посмотрите, как они будут расположены


Нашли ошибку? Есть что добавить? Пулреквесты приветствуютсяhttps://github.com/hexlet-basics

Упражнение доступно только авторизованным пользователям.

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