Добавить текст или элемент (before, after)

Добавить текст через CSS можно с помощью псевдоэлементов before и after.

p::before {
  content: "Текст, который появится перед строкой";
}

p::after {
  content: "Текст, который появится после строки";
}

Пример на CodePen.

Текст, добавляенный через псевдоэлемент, недоступен для копирования.

Псевдоэлементы можно указывать как ::after и :after. Второй вариант используется для обратной совместимости со старыми браузерами, сейчас рекомендуется указывать с двумя двоеточиями.

Обычно after и before используют для оформления элементов, например добавления стрелочек или линий.