html - 如何对齐 anchor 标记内的跨度以使用它给定的所有宽度？

Question

现在我遇到了这个问题:

我有一个 <a>标签，在里面我想显示一些文本，然后是 <span>使用 unicode，我想在我的 <a> 中尽可能正确地显示它标签宽度。

我在这里为你准备了一把 fiddle :Click me

尽管 text-align: right，您可以在我的常规文本旁边看到的下拉按钮并没有滥用所有宽度.

我是不是漏掉了什么？

Answer 1

尝试

.textAlignRight{
float:right;
}

代替 text-align

.anchor{
    display: block;
    width: 200px;
    background-color: grey;
}

.textAlignRight{
    float:right;
}

<a class="anchor" href="#"> Blabla
    <span class="textAlignRight">&#9013;</span>
</a>