Урок с практикой по HTML (Онлайн курсы)
Выбрать другой урок из курса
Обсуждение
Теория урока

Строчной элемент SPAN в HTML

Элемент <span> является универсальным строчным элементом. Чем span отличается от div? div элемент - это блок, над и под которым отступ, а у элемента span отступов сверху и снизу нет. Рассмотрим пример первый для понимания.

Пример 1
Длинный текст, <div>очень длинный</div> и красивый текст

Если вы проверите, то увидите, что Длинный текст,, очень длинный, и красивый текст на трех разных строках. Посмотрим на второй пример, где вместо div мы написали span

Пример 2
Длинный текст, <span>очень длинный</span> и красивый текст

Вы увидите, что текст на одной строке. Это и есть отличие, тега <span> от <div>.

<
×
>
Не публикуйте свой код прямо в комментариях. Во-первых, он плохо отображается. Во-вторых, он может содержать для кого-то «спойлеры», т.е. ответы на практику. Воспользуйтесь специальными сервисами: cssdeck.com или jsfiddle.net.
Комментарии, содержащие код (пару строк не считается), будут безжалостно удаляться.