Wie zentriert man das Burger-Icon im Navigationsmenü?

Question

Ich habe ein benutzerdefiniertes Navigationsmenü, das ich möchte das Website-Logo und ein Burger-Symbol, das die Navigationsanker auf kleinen Bildschirmen zeigen, ich benutze Media Queries, ich möchte das Burger-Symbol vertikal zentriert sein, so dass wenn ich strecke das Browserfenster, es bleibt in der Mitte, da ich mich bei der gleichen Medienabfrage befinde. Hier

ist die html:

<div class="navbar"> 
    <a href="#"><img class="navbar-brand" src="images/brand.png"/></a> 
</div> 
<label class="tog" for="toggle">&#9776;</label> 
<input type="checkbox" id="toggle"></input> 

Das Logo schwimmt gelassen.

Die CSS des Burger-Symbol:

.tog { 
display:block; 
cursor:pointer; 
float:right; 
font-size:250%; 
max-width:100%; 
height:auto; 
} 

Answer 1

Scheint Sie Schwimmer direkt mit Ihrem tog Klasse getan haben, so dass es etwas Platz in der rechten und aufgrund dieser Ihr Symbol links verschoben genommen hat. Wenn möglich, dann poste einen Screenshot deines Problems. Es wird uns das genaue Problem mitteilen, dem Sie dort gegenüberstehen.