html - 如何对齐图片，标题和旁边的文字？

我想将左边的图像和右边的文本对齐，如下所示：
什么是最好的方法来做到这一点，使它将最好的响应设计以及？
http://jsfiddle.net/kfV7F/

最佳答案

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

jsfiddle
文本后必须清除float