對齊圖像和超鏈接

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>