如何將圖像，標題和文字對齊？

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