🔰 CSS Trick: Aligning Icons to text

Try this the next time when you are placing an icon next to some text in CSS.

Instead of using the em unit to make the icon the same size as the text, try using the cap unit 🤩

1em is equal to the font size, which is not a direct measurement of the height of the letters

However, 1cap is the size of a capital letter of the font, which helps to neatly align the icon with the text.

⚠️ You may also need flex and align baseline to achieve an alignment as demonstrated above!

🔅 Learning Markdown: Formatting Text without the Complexity

📝 Evaluate the benefits of Markdown compared to other text formats for creating portable and efficient documentation, and learn how it works with ChatGPT and other AI tools

🌐 Author: Ray Villalobos
🔰 Level: Beginner
⏰ Duration: 1h 1m

📋 Topics: Web Development, Markdown

🔗 Join Web Development for more courses

📱Web Development
📱Learning Markdown: Formatting Text without the Complexity