更改 html/css 中文本内单个字符的高度

Question

我正在使用 Unicode 符号 (U+25C0) 在按钮上制作“向左箭头”，但符号本身向下移动了一点。我找不到使它居中的方法，我尝试了边距、填充和行高但没有成功。

这是它的样子：

简单代码：

h2 {
  font-family: Oswald;
}

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald">

<h2>
  <span style="font-size: 70%">&#9664</span>
  &nbsp;Return
</h2>

我只需要将符号垂直居中，如果有人能帮助我:)

Answer 1

看起来是因为style="font-size: 70%"。当我删除它时，它看起来很好。尝试删除它或将其移动到 span 元素之外的另一个地方

Answer 2

您可以将此添加到 CSS 以使其垂直居中：

h2 {
  display: flex;
  align-items: center;
}

如果你想水平对齐也使用justify-content: center;