ナビゲーションメニューにバーガーアイコンを垂直に配置するにはどうすればいいですか？

Question

私は、ウェブサイトのロゴと小さな画面にナビゲーションアンカーを表示するバーガーアイコンを含むカスタムナビゲーションメニューを持っています。メディアクエリを使用しています。バーガーアイコンを垂直にセンタリングしたいので、私は同じメディアクエリにいるので、中央に残っているブラウザウィンドウを引き伸ばす。ここで

は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> 

ロゴが浮いて残っています。

バーガーアイコンのCSS：

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

Answer 1

は、それが右にいくつかのスペースをとっているので、あなたは右のあなたのTOGクラスにフロートを行っているし、これによるあなたのアイコンが左にシフトようです。 可能であれば、問題のスクリーンショットを投稿してください。それはあなたがそこに直面している正確な問題を私たちに知らせるでしょう。