Как опустить первую букву?

Question

[Роман Татаринов]

Как сделать вот так? Я понимаю, что можно стилизовать первую букву через ::first-letter, но как ее опустить, чтобы получилось вот это prnt.sc/chjpr7

Answer 1

[Роман Романенко]

.text::first-letter{
	font-weight: bold;
	vertical-align: sub;
}

https://jsfiddle.net/mavst99w/

Comments

[Роман Тюрин]

Такое решение не очень, когда начинаешь увеличивать размер шрифта, то не срабатывают эти стили

[Antony Bark]

всё правильно в примере, вы добавьте управление высотой и блочность, например, в пример добавьте:
.text::first-letter {font-weight: bold;vertical-align: sub;

float: left;
font-size: 33px;
line-height: 1.9;
}

Answer 2

[Роман Тюрин]

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

Answer 3

[htmleater]

Конкретно это - результат работы простенького, но платного скрипта по созданию буквиц (названия не вспомню).
Суть в том, что первая буква оборачивается в спан и с нею уже производятся действия. Копай в эту сторону.