CSS網格佈局

Question

我想創建一個CSS佈局像下面的圖片：

http://i47.tinypic.com/34y4ewk.png

我已經成功地得到它的排序工作，但如圖所示我不能讓旁的文字圖像這裏http://jsfiddle.net/jVwf4/

如何讓圖像旁邊的文字有什麼建議？

謝謝

Answer 1

你需要翻轉<p>和<img>標籤的順序，並給予<img>標籤float: left; CSS屬性。

http://jsfiddle.net/wG9uH/5/

Answer 2

，你可以讓你這樣的HMTL塊：

<div> 
    <p class="title">Cape Town<img width="100" height="75" src="http://www.geonames.org/img/wikipedia/131000/thumb-130255-100.jpg"></p> 
</div> 

，然後漂浮在圖像左右這樣的：

.title img{ 
    float: left; 
    margin-right: 1em; 
}