css - 对齐图像和超链接

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>