Css 对齐图像和超链接

我在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>

---

看到这个，希望你能找到解决办法

---

垂直居中还是水平居中？@sureraldreams我想他/她指的是垂直居中：垂直-图像的中心和超链接需要匹配可能的重复：谢谢杰克的链接。不知道谁投了我一票。太天真了！

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