El truco definitivo para alinear iconos y etiquetas en listas

Better Icon and Label Alignment

Cuando el texto de una lista ocupa varias líneas, el icono centrado con flexbox queda desalineado. El artículo explora dos escenarios: iconos como elementos HTML y como pseudo-elementos. La solución combina la unidad lh, calc() y aspect-ratio para calcular un desplazamiento dinámico que se adapta al tamaño de fuente, icono y ancho del contenedor. Incluye ejemplos interactivos y consejos prácticos.