Як накласти картинку на першу букву
Прозорість перший символ і додати бекграунд.
Спасибі за підказку.
Не потрібно розбивати слово на кілька div. Проіндексується не так.
А що саме ви маєте на увазі під "не буде адаптивно"? position: absolute Вирівнює елемент щодо найближчого батьківського блоку, у якого position: relative. Якщо таких елементів немає, їм стає body. Ось швидка реалізація: Виглядає непогано
Її мінуси в тому, що розміри статичні, але якщо пограти із відсотками, em чи rem, то можна зробити повністю динамічні розміри.
Швидко зробив оновлену версію через rem - при зміні font-size у html картинка та текст досить добре підлаштовуються, не роз'їжджаючись