Html Can'；t将文本放在div的中间

最近，我一直在尝试适应浮动div，并将它们对齐，以适应所有的一行。然而，我有一个小问题。在我正在创建的一个代码中，我注意到我根本无法让这个文本往下看

这是我的密码：

如您所见，vs代码如下：

<div class="fluidbox">vs.

vs。

这部片子的结尾是在所有其他片子之后。我试图解决这个问题的第一个方法是增加一个线条高度，这只会让事情变得更糟：

如您所见，我将fluidbox编辑为具有100px的行高，结果使所有div都下降，而我只需要VS文本就可以做到这一点。有没有办法解决这个问题？

将文本“vs”包装在元素中，并定位该元素

<span class="vs">vs.</span>

.vs {
    position : absolute;
    margin-top : 40px;
}

vs。
与{
位置：绝对位置；
边缘顶端：40px；
}

我已经按照你说的做了。看看JSFIDLE。您需要做的唯一一件事是将vs包装在一个范围内，并添加以下css属性：

.fluidbox span {
      position: absolute;
      margin-top: 20px;
}