css - 跨度用 CSS 改变位置

Question

我知道，HTML 是 HTML，而 CSS 是 CSS，所以请不要这样回答：你应该以另一种方式做到这一点。我想要两个跨度来改变位置。我不想破解这个 Wordpress 插件，所以我想用 js（我知道怎么做）甚至更好地用 CSS 来做。

这是代码：

<span class="count">(0)</span><span class="label">Recommend</span>

它们现在看起来像这样：

(0) Recommend

我希望他们看起来那样：

Recommend (0)

纯CSS有可能吗？我可以想象一些具有绝对定位的东西。

score 1 · Accepted Answer

是的，这样做

习惯了这个css

.count{float:right;}
.label{float:left;}

不做立场：绝对；

score 1 · Accepted Answer

首先，您可以更改两个跨度的位置，如下所示 Recommend(0)

                    **OR**

保留您自己的代码而不更改代码中 span 的位置，只需将以下 css 放入您各自的 css 文件中。Demolink 推荐 (0)

.count {
   display:inline-block;
}
.label {
    float:left;
}

2 回答 2