如何將鏈接屬性文本旁邊的圖標與tailwind-css和css.gg對齊

Question

這是 100% 重復的，但我無法將圖標留在<a> -屬性的文本中。

我得到的最接近的是這個解決方案：

 <script src="https://cdn.tailwindcss.com"></script> <link href='https://css.gg/mail.css' rel='stylesheet'> <a href="mailto:mail@mail.mail"><i class="gg-mail float-left mr-1 top-1"></i>MAIL@MAIL.MAIL</a>

為什么這個解決方案在我的項目中不起作用？ 是因為css.gg嗎？

https://stackoverflow.com/a/27969559/3832357

Answer 1

沒關系，我用 flex 解決了它！ 但任何其他解決方案將不勝感激！

 <script src="https://cdn.tailwindcss.com"></script> <link href='https://css.gg/mail.css' rel='stylesheet'> <a class="flex items-center" href="mailto:mail@mail.mail"><i class="gg-mail mr-1"></i>MAIL@MAIL.MAIL</a>