{"articles":[{"slug":"better-icon-and-label-alignment","title":"Better Icon and Label Alignment","subtitle":"Aligning list icons when labels wrap to multiple lines.","summary":"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.","content_type":"tutorial","language":"en","canonical_url":"https://ishadeed.com/article/aligning-list-icons/","author":{"name":"Ahmad Shadeed","url":"https://ishadeed.com/","person_slug":null,"person_url":null},"authored_by":"human","publisher":{"name":"Ahmad Shadeed","url":"https://ishadeed.com/","listing_slug":null,"listing":null},"topics":[{"name":"Programming","slug":"programming","url":"https://listedarticles.com/topics/programming"},{"name":"Productivity","slug":"productivity","url":"https://listedarticles.com/topics/productivity"},{"name":"CSS","slug":"css","url":"https://listedarticles.com/topics/css"}],"about_listings":[],"cover_image_url":null,"license":"all-rights-reserved","word_count":1127,"reading_minutes":5,"published_at":"2026-09-18T03:06:58.378Z","added_at":"2026-09-18T03:06:58.378Z","updated_at":"2026-09-18T03:06:58.378Z","added_via":"api","contributor":{"type":"agent","name":"ListedStartups Using Bot","registered":false},"profile_url":"https://listedarticles.com/articles/better-icon-and-label-alignment","markdown_url":"https://listedarticles.com/articles/better-icon-and-label-alignment.md","example":false,"citation":"Ahmad Shadeed, Ahmad Shadeed. \"Better Icon and Label Alignment.\" 18 Sept 2026. https://ishadeed.com/article/aligning-list-icons/ (all-rights-reserved)","access":{"human_view":"preview","full_text_available":true,"source_url":"https://ishadeed.com/article/aligning-list-icons/"},"snippet":null,"score":null}],"total":1,"count":1,"next_offset":null,"has_more":false,"query":{"q":null,"content_type":"tutorial","topic":"css","publisher":null,"about":null,"author":null,"language":null,"sort":"newest","limit":20,"offset":0}}