Css 在文本和图标字体之间保持相同的距离

我有一个Css图标字体的折叠标签，我想在标题和图标字体箭头之间保持相同的距离

这里是一个例子

如果左边的文本长度相同，则图标字体箭头保持相同的距离，这没关系，但这不会发生在我的选项卡中，因为显然文本会不同，因此我需要了解如何保持箭头图标与文本保持相同的距离，而不受文本长度的影响

希望解释清楚

谢谢

请参见

---

如果要使箭头图标与文本保持相同的距离，但也希望箭头对齐，则必须将箭头放置在标题的左侧。

可以将图像向右浮动。这是管理相等距离的简单方法。 另外，除法的其余部分的图像是颠倒的。一定要改变他们的课程

---

这是编辑好的提琴：

为什么不把箭头向右浮动？天哪…这是一个多么可怕的遗漏，谢谢…@j08691但是箭头与文本的距离不一样。@Oriol-OP已经将箭头与文本结尾等距。我相信他们希望箭头对齐。但是箭头与文本的距离不同。请看我的小提琴。箭头向右对齐，因为它们位于拐角处。这使他们的距离相等。看。箭头的长度不同，因此距离不同。