css - 如何将文本中心对齐到具有垂直对齐的类？

Question

这是我的课：

.middle {
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}

如何对齐文本中心？Text-align: center 不适用于这种类型的设置。此类应用于跨度，跨度放置在另一个类中。它进入的类看起来像

.topic {
  float: left;
  display: inline-block;
  width: 8%;
}