在给定设计的文本末尾显示 fa 图标

【问题标题】：Displaying fa icon at the end of text in the given design在给定设计的文本末尾显示 fa 图标
【发布时间】：2021-10-26 03:28:03
【问题描述】：

我有一个设计，就像我在下面的屏幕截图中提到的那样，我想在文本结尾上方显示 fa 图标。有人请帮我设计这样的。

【问题讨论】：

您好，请注意，SO 不是免费的代码编写服务。提问者应创建minimal reproducible example 并向我们展示您在尝试此操作时面临的问题。祝你好运：D
那个图标可以点击吗？和/或随附的文本是否可点击？

【解决方案1】：

尝试在 HTML 中使用 <sup></sup>，这是将 X 替换为您想要的任何内容的示例。

More information&lt;sup&gt;X&lt;/sup&gt;

【讨论】：

【解决方案2】：

此代码将起作用，请放置您的图标而不是 22

【讨论】：

【解决方案3】：

您可以在 Fontawesome 图标上使用 HTML sup 标签，就像在“普通”字符上使用它一样。

例如，将免费的 Fontawesome 信息图标作为上标，您可以这样做：

<div class="info">Total sales<sup><i class="fas fa-info"></i></sup></div>

从您的图像看来，您使用的是 Fontawesome 的 Pro 版本，在这种情况下，将信息图标的正确类替换为圆形，而不是 fa-info。

【讨论】：