Html 我如何修复字体图标上的缩进？

如何在使用此字体图标作为列表来显示优势的同时修复缩进

这是我的HTML：

<p> <i class="f_item_tick fa fa-check"></i>
No upfront payment is required to access the solution. A Nominee and Supervisory fee are both payable once the solution is active. These are taken from the monthly contributions you pay into.
</p>

理想情况下，我想要它，这样应付款与否一致（见图）

---

如果不想更改标记，最简单的方法是将

元素

位置：相对
，并将带有
位置：绝对
的图标放置在填充区域内：


p{
左：2米；
位置：相对位置；
}
p.fa{
位置：绝对位置；
左：0；
}


访问解决方案无需预付费用。一旦解决方案激活，将支付提名费和监督费。这些是从您每月缴纳的会费中提取的。
您只需要以下css：


.f\u项目\u勾选{
颜色：#00a885；
字体大小：1.8rem；
显示：块；
浮动：左；
}
考虑使用字体列表项实用程序类，例如
faul
和
fali

参考：

代码片段演示：


.f\u项目\u勾选{
颜色：#00a885；
字体大小：1.8rem；
}


访问解决方案无需预付费用。一旦解决方案激活，将支付提名费和监督费。这些是从您每月缴纳的会费中提取的
因此，本质上，您只需将这2或3行添加到现有的类中即可。请注意，我的解决方案非常优雅，因为它不需要您更改HTML中的任何内容，也不需要任何其他css类。您只需在现有的css类中添加2或3行即可。这非常有魅力。非常感谢您，对于一个独立的
，我将如何实现这一点？@Adam，原则是：
位置：绝对
使用
位置：相对
（在这种情况下，应该是
）。给
留出一个
空格，以容纳图标，因为现在您将其放置在文档流之外。谢谢！这很有魅力，我也学到了一些新东西（Y）
.f_item_tick {
    color: #00a885;
    font-size:1.8rem;
}