CSS: перед надписью «6»?

Question

Есть ли способ добавить надстрочный символ «6» в свойство CSS «содержимого» для псевдоэлемента? Я был повсюду в Интернете, пробовал разные строки Unicode и коды глифов, чтобы попытаться заставить это работать, но не нашел решения.

Спасибо!

EDIT: Извините, что не уточнил ... Мне нужно поставить надстрочный знак «6» среди другого текста в том же свойстве «контент». Похоже, мне нужно просто определить другую кодировку для моего CSS и опустить ее в виде буквального символа.

Answer 1

The obvious way does work, in fact:

span:before { 
    content: "⁶"; 
} 

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

Как упоминает BoltClock, вы также можете избежать символа как \2076, если проблемы с кодированием являются проблемой (например, если ваш сервер заставляет устаревшие кодовые страницы и вы не можете его изменить).

Answer 2

element:before { 
    content: "6"; 
    font-size: 0.5em; 
    vertical-align: top; 
} 

Answer 3

Существует еще одно решение, как и в this fiddle

element:before{ 
    content:'6'; 
    vertical-align: super; /* make superscript */ 
    font-size:8px; 
}