Справочник HTML & CSS

<span>

Строчный контейнер без смысла: нужен, чтобы оформить часть текста.

Синтаксис

<span class="name">Text</span>

Атрибуты

Параметр	Тип	Описание
class	text	Класс, через который к тексту обращаются в CSS.

Примеры

Выделение части текста цветом:

<style>
  .price { color: green; font-weight: bold; }
</style>
 
<p>Latte — <span class="price">$4.50</span></p>

Примечания

<span> не меняет вид текста сам по себе. Если у фрагмента есть смысл, выберите подходящий тег: <strong>, <em>, <time>, <mark>. Для блоков используйте <div>.

См. также

<div> — Блочный контейнер без смысла: группирует элементы для оформления и раскладки.
class — Один или несколько классов элемента — основной способ обратиться к нему из CSS.
<strong> — Важный текст; по умолчанию выделяется жирным.

Вопросы и ответы по теме

Как сделать бейдж или метку

В учебнике

Блочная модель — Из чего состоит элемент в CSS — содержимое, padding, border и margin, размеры, центрирование и box-sizing.

Спасибо, что читаете!