javascript - 文字的形状非常规

Question

请看这个SAMPLE .

我想要我的文本“是最好的团队吗？”完全位于一个 div 内并与中央对齐。主 div 没有任何结果。

知道我可能遗漏了什么吗？

Answer 1

试试这个:

HTML:

<div class="badge"><div id='anotherDiv'>Is The Best Team?</div></div>

CSS:

.badge {
  height: 100px;
  width: 100px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-top-right-radius: 100%;
  background: red;
}
#anotherDiv
{
  font-size:12px;
  padding-right:20%;
  padding-top:15%;
}