画像とハイパーリンクの整列

Question

div内に画像とハイパーリンクがありますが、なんらかの理由でハイパーリンクが画像の中央に配置されていません。ここで

は私のCSSは

#loginb { 
    margin-top: 40px; 
    height: 50px; 
    left: -438px; 
    float:right; 
    position: relative; 
    display:block;  
} 

#loginb img { 
    padding-top: 10px; 
} 


#loginb a { 
    color: #fff; 
    line-height: 10px; 
} 

だとここにHTML

<div id="loginb"> 
        <img src="icon.png" alt="login" /> 
        <a href="">     Login</a> 
       </div> 

Answer 1

が、これを見るあなたの解決策を見つけることを願っています。

<div> 
    <img style="width:50px;height:50px;vertical-align:middle" alt="vertical image"> 
    <span style="color:red;">Check it.</span> 
</div>