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

Question

这是我的班级：

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

如何调整文字中心？文本对齐：中心不适用于此类设置。此类应用于跨度，跨度放在另一个类中。它内部的类看起来像

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