アイコンが小さすぎる

Question

私はシンプルなウェブサイト（tristantrouwen.com）を持っています。一番上に3つのアイコンを持つバーがあります。それらのうち1つは残す必要があります。他の2つの権利。しかし、2つの右のアイコンは左のアイコンよりも低くなります。

HTML：

<div class="icon-menu"> 
    <div class="click"><i class="material-icons md-36">menu</i></div> 
    <div data-toggle="modal" data-target="#loginModal" aria-hidden="true"><i class="material-icons md-36 icons-right">exit_to_app</i></div> 
    <div data-toggel="modal" data-target="#signUpModal" aria-hidden="true"><i class="material-icons md-36 icons-right">person_add</i></div> 
</div> 

はCSS：

.icons-right { 
    float: right; 
} 

これが問題である：

私は少し高いこれらのアイコンを取得する方法を聞きたいです。

Answer 1

あなたはまず浮かんdivをリストする必要があります。

<div> 
    <div class="icons-right">...</div> 
    <div class="icons-right">...</div> 
    <div>...stuff on the left</div> 
</div> 

あなたが「左」コンテンツの後に置く場合は、彼らはその「左」のdivの終了後に右に浮かぶでしょう。それらをDOMに最初に配置すると、それらの上端である "left" divの開始の右側に浮動小数点が浮動します。