如何对齐ASCII字符和文本？

Question

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

#burger { font-size:2em; }

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

Answer 1

您可以使用vertical-align与适合你的最好的价值：

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

的vertical-align属性会影响线盒内的垂直定位由内联级别元素生成的框。

例如

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

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