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

Question

[Denisneedyourhelp]

Answer 1

[Сергей delphinpro]

Задачка нетривиальная.
В любом случае будет зависеть от параметров шрифта, даже если заморочиться с цифрами.
Как пример (без заморочек):

Comments

[Denisneedyourhelp]

Я не пойму, то ли у меня что то не так толи оно действительно чуть сдвинуто

[Сергей delphinpro]

Denisneedyourhelp, какая-то херня в first-letter в firefox

Нужно поменять ::before на ::after
И opacity:0 на color: transparent

Или убрать из разметки первую букву.

[Denisneedyourhelp]

Сергей delphinpro, А мне легче будет скачать хром?

[Сергей delphinpro]

Denisneedyourhelp, что?

[Denisneedyourhelp]

Сергей delphinpro, Ну сказали что с FireFox'ом проблемы. Мне попробовать установить гугл хром?

[Сергей delphinpro]

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

Answer 2

[Человек с Казахстана]

https://codepen.io/topicstarter/pen/bJamgK щас это проще стало чем в css2.1

Answer 3

[Валентин]

:first-letter я думаю

Comments

[Denisneedyourhelp]

Не, мне нужно как на примере, а оно делает вот так:

[Валентин]

Denisneedyourhelp, так а в чем проблема

https://codepen.io/anon/pen/xepjEm?&page=1

[Denisneedyourhelp]

Валентин, Ну оно всё равно как то не ровно)

Answer 4

[Егор Астрейко]

Как вариант обертка, в ней два span, в одном находится "Н", в другом "у на примере этого", для обертки прописать display: flex, что бы во втором span текст переносился можно задать фикс. ширину или поставить br

Answer 5

[Mars Cossado]

Как вариант сделать картинкой

Comments

[Denisneedyourhelp]

Ну я хочу именно текстом, да и ещё её пока поставишь как нужно это думаю дольше будет