Better Icon and Label Alignment

There is a common design pattern that sometimes gets missed or overlooked. It’s having a list of items, each with an icon. When the text is one line, the icon is centered, but when the text has multiple lines, the icon is still centered but looks odd. Here is an example: Throughout this article, I will show two solutions that I use based on the HTML: The icon is an HTML element (e.g., <svg> or <im