如何对齐旁边的图像，标题和文字？

Question

我想将左侧的图片与其旁边的<h>和<p>文字对齐，如下所示：

这样做的最佳方式是什么，以便它也能最好地用于响应式设计？

http://jsfiddle.net/kfV7F/

Answer 1

img {
    width:200px;
    height:200px border:1px solid;
    vertical-align:middle;
    float:left;
}
span:after {
    clear:both;
    content:"";
    display:block;
}

jsfiddle

在文字之后，您必须清除float