Html 在div中垂直居中文本

我试图将文本垂直居中放置在4个div中，其中包含sat、bit、mBTC和BTC。我试过了

display:table-cell;
vertical-align:middle;

---

但这不起作用。任何帮助都将不胜感激。此外，由于某些原因，页面加载速度非常慢，必须是所有API请求，但我不确定。只是简单的快速加载

他是指线条高度。你可以加一个垫子

正如makshh评论指出的那样，

行高就足够了：

.smallUnitBox {
    background-color: #29b8ff;
    border-right: 2px solid #2098d4;
    float: left;
    height: 36px;
    width: 96px;
    line-height: 36px;
    color: white;
    font-size: 28px;
    font-family: sans-serif;
    border-bottom: 1px solid #2098d4;
}

<div class="unitBox">
  <div class="smallUnitBox">sat</div>
  <div class="smallUnitBox">bit</div>
  <div class="smallUnitBox">mBTC</div>
  <div class="smallUnitBox">BTC</div>
</div>

也许行：高度：36px就足够了？行了！谢谢你知道为什么这个网站加载速度这么慢吗？看起来像PHP，我敢打赌这是API请求，因为Chrome inspector在前面没有指出任何问题。
display:table-cell;
vertical-align:middle;