Как правильно расположить знак валюты над ценой?

Question

[QnaTwitt]

Подскажите, пожалуйста, как правильно расположить знак валюты над ценой? Может, есть какой-то нормальный вариант, чтобы не выравнивать его относительно числа через lineheight.

Comments

[Ankhena]

Может есть какой-то нормальный вариант, что бы не выравнивать его относительно цены через lineheight))

Это отличный вариант.
А также флексы, position relative, margin и т.д.

Но вариант с line-height лично мне кажется наиболее подходящим.

Вариант c sup из ответа не подходит по семантике.

Answer 1

[Elvis]

SUP

Comments

[Ankhena]

Угу и по вашей ссылке написано

Usage notes
The <sup>element should only be used for typographical reasons—that is, to change the position of the text to comply with typographical conventions or standards, rather than solely for presentation or appearance purposes.

For example, to style the wordmark of a business or product which uses a raised baseline should be done using CSS (most likely vertical-align) rather than . This would be done using, for example, vertical-align: super or, to shift the baseline up 50%, vertical-align: 50%.</sup>

Т.е. нет, sup не подходит.

[Elvis]

Следует использовать, но не запрещает :)