Как выровнять иконку по первой строке текста в CSS
Better Icon and Label Alignment
Автор делится решением частой проблемы: когда текст в списке переносится на несколько строк, иконка остаётся по центру и выглядит неаккуратно. Он рассматривает два подхода: иконка как HTML-элемент и как псевдоэлемент. Ключевая идея — использовать единицу lh и calc() для вычисления отступа, что позволяет сохранять выравнивание при любых размерах шрифта, иконки и ширины контейнера.
Использование фиксированного значения для transform не сработает, когда размер иконки, шрифта или ширина контейнера меняются.