html - 如何垂直对齐我的图像和文本

Question

我正在尝试对我的文本和图像进行垂直对齐。

似乎文本与我的 jsfiddle 中的顶部对齐

text here      --
              |  |
               --

我想让我的文字像

               --
text here     |  |
               --

http://jsfiddle.net/wjPxS/

我不能真正改变我在css中浮动的图像。任何人都可以帮助我吗？非常感谢！

Answer 1

看到您知道容器的高度，您可以将其设置line-height为height与垂直对齐文本相同。

演示

.div1 {
    height: 20px;
    line-height:20px;
}

Answer 2

更新了 jsFiddle

你需要申请

display: inline-block;
vertical-align: middle;

img和span。_ 在 jsfiddle 中，我span用“div”替换了。

但是，这不会让您img向右浮动。