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

Question

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

这里的例子是

http://jsfiddle.net/2D3V5/2/

如果左边的文字长度相同，那么Icon字体箭头保持相同的距离就可以了，但这不会发生在我的标签中，因为很明显文本会有所不同，所以我需要找到如何使箭头图标与文本保持相同的距离，与文本的长度无关。

希望解释清楚。

由于

Answer 1

您可以将图像浮动到右侧。这是管理等距离的简单方法。 另外，其余部分的图像是反转的。改变他们的课程。

以下是编辑过的小提琴：Fiddle

Answer 2

请参阅http://jsfiddle.net/2D3V5/3/

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