如何并排排列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属性会影响由内联级元素生成的框的线框内的垂直位置。

例如

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;