Wie wird ein ASCII-Zeichen und Text nebeneinander ausgerichtet?

Question

Wie können Sie im folgenden Beispiel den Text "Menü" vertikal (Mitte) entlang des Burger-Menüs ausrichten?

#burger { font-size:2em; }

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

Answer 1

können Sie vertical-align mit dem Wert verwenden, die Ihnen am besten:

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

Die vertical-align Eigenschaft wirkt sich auf die vertikale Positionierung innerhalb eines Zeilenbox der Boxen, die von einem Inline-Level-Element generiert werden.

Beispiel

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

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