css - 垂直方向の配置でクラスの中央にテキストを配置する方法は?

Question

これが私のクラスです：

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

テキストの中央を揃えるにはどうすればよいですか? Text-align: center は、このタイプのセットアップでは機能しません。このクラスはスパンに適用され、スパンは別のクラス内に配置されます。内部に入るクラスは次のようになります

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