html - 如何将ASCII字符和文本并排对齐？

在下面的示例中，如何使文本“菜单”沿汉堡菜单的侧面垂直对齐（中间）？

#burger { font-size:2em; }

<div>
  <span id="burger">&#x2261</span> Menu
</div>

最佳答案

您可以将vertical-align用于最适合您的值：

https://www.w3.org/wiki/CSS/Properties/vertical-align


  vertical-align属性会影响由inline-level元素生成的框的线框内的垂直位置。


例

#burger { font-size:2em; vertical-align:-0.15em;}

<div>
  <span id="burger">&#x2261</span> Menu
</div>