Css 在中间垂直对齐按钮值

我有一个值设置为“*”的按钮

填充是有效的，但我认为这不是最好的做法

---

我已经复习了其他问题，没有任何线索。

它在中间。问题来自于星号字符。请使用“*”以外的内容。例如，您将有相同的问题“∗".

按钮{
字体：单空格；
高度：100px；
}

*
∗
★

你也能提供HTML吗？@Azametzin，刚刚更新了我的答案。

<button class="testButton" value="*">*</button>

.testButton {
  display: inline-flex;
  align-items: center; 
}