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

Question

我正在为我的文字和图片做垂直对齐。

似乎文本在我的jsfiddle中排在最前面

text here      --
              |  |
               --

我希望我的文字像

               --
text here     |  |
               --

http://jsfiddle.net/wjPxS/

我无法真正改变我的图像浮动在CSS中。任何人都可以帮我吗？非常感谢！

Answer 1

如果您知道容器的高度，则可以将line-height设置为与height相同，以垂直对齐文字。

Demo

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

Answer 2

<强> updated jsFiddle

您需要申请

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

同时发送img和span。在jsfiddle中，我用'div'替换了span。

但是，这不允许您将img浮动到右侧。