css - 如何在 bootstrap 中将多行标签的行居中？

Question

我有下面的 div，其中包含一个 span 元素。我想要完成的是让文本“STATUS”以“FAILED UPLOAD”为中心。

.entity-form-status {
  font-size: 8pt;
  color: #FFFFFFF;
  font-weight: 300;
}

<div class="col-md-8 column" align="right">
  <span class="entity-form-status">
     STATUS<br>[FAILED UPLOAD]
   </span>
</div>

有谁知道我怎样才能做到这一点？

Answer 1

很简单，问题是什么？

.entity-form-status {
  display: inline-block;
  font-size: 8pt;
  font-weight: 300;
  text-align: center;
}

<div class="col-md-8 column" align="right">
  <span class="entity-form-status">
     STATUS<br>[FAILED UPLOAD]
   </span>
</div>