如何對齊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>