定位CSS：在内容之后

我试图制作一个圆形按钮，里面有一个居中的字符（在本例中，一个右箭头表示下一个按钮）。我通过调整元素的线高度使它垂直居中，但我找不到方法将它移到一边

我尝试添加文字和unicode（\0020）空格字符，但根本没有移动三角形。填充和边距不适用于：after选择器，如果应用于元素本身，也不会产生所需的效果

根据firebug的说法，这里是“呈现”代码（我使用的是SASS，因此粘贴实际代码将忽略所有mixin定义等）

和实际的HTML：

<span class="flowbar--nav-image flowbar--nav-image__next"></span>

下面是渲染的内容：

这将起作用：

.flowbar--nav-image__next:after {
    content: "▸";
    display:block;
    margin-left:10px;
}

或者，您可以简单地调整文本对齐方式，这意味着您不必自己计算像素：

.flowbar--nav-image {
    text-align:center;
}

这将起作用：

.flowbar--nav-image__next:after {
    content: "▸";
    display:block;
    margin-left:10px;
}

或者，您可以简单地调整文本对齐方式，这意味着您不必自己计算像素：

.flowbar--nav-image {
    text-align:center;
}

这将起作用：

.flowbar--nav-image__next:after {
    content: "▸";
    display:block;
    margin-left:10px;
}

或者，您可以简单地调整文本对齐方式，这意味着您不必自己计算像素：

.flowbar--nav-image {
    text-align:center;
}

这将起作用：

.flowbar--nav-image__next:after {
    content: "▸";
    display:block;
    margin-left:10px;
}

或者，您可以简单地调整文本对齐方式，这意味着您不必自己计算像素：

.flowbar--nav-image {
    text-align:center;
}

---

谢谢。我甚至从来没有想过要尝试将文本居中。哦。完美无瑕！谢谢我甚至从来没有想过要尝试将文本居中。哦。完美无瑕！谢谢我甚至从来没有想过要尝试将文本居中。哦。完美无瑕！谢谢我甚至从来没有想过要尝试将文本居中。哦。完美无瑕！