html - 在正确的位置显示图像，中间对齐

Question

img {
vertical-align: middle;
}

.right
{
???
}

<img align='right' class='right' src='images/online_icon.png' border="0" width=8/>

我想要做的是：在正确的位置显示图像，中间对齐。

我已经测试图像居中对齐，但是当我尝试将位置放在右侧时，它会稍微向上改变位置。

有什么建议么 ？

我有一个解决方案。那是：在下面的类.right中添加填充：

.right
{
    float: right;
    padding: 12px;
}

Answer 1

将图像包装在 div 中并将 div 向右对齐。

<div align="right">
   <img src='images/online_icon.png' border="0" width=8/>
</div>

希望这可以帮助你！耶什万特