Как выносить некоторые знаки в начале строки за пределы строки?

Question

[weranda]

Привет.
Есть строка текста. В начале строки есть, к примеру, символ *. Вот так:

Как можно сделать так, чтобы такие символы в начале строки выносились бы за строку? Вот так:

Comments

[WbICHA]

Раздели строку на 2 подстроки (с этими символами и остальной текст) и выводи в двух отдельных элементах.

Answer 1

[Сергей Т]

1 - Используй псевдоэлемент :first-letter и добавь ему отрицательный margin-left

p:first-letter {
  margin-left: -6px
}

2 - Или если eсть возможность то оберни первый знак в span и расположи через абсолютное позиционирование

3 - Или добавь через псевдоэлемент нужный символ и тоже расположи через абсолютное позиционирование