圖片旁邊的浮動內容

Question

我有三個元素一個圖片，一個鏈接和一個段落，我想讓圖片左對齊，然後漂浮在那個鏈接旁邊，然後在鏈接下面的段落，我試過，我似乎只能將鏈接浮在我的圖像旁邊，而文字恰好位於圖像下方，我該如何製作它才能使段落像我的鏈接一樣浮動？

所以它需要這個樣子，

這裏是我的小提琴，

http://jsfiddle.net/Udders/JjHLa/

Answer 1

這裏是你想要的的jsfiddle：

http://jsfiddle.net/JjHLa/1/

添加到您的CSS：

.field{position:absolute;margin-top:40px;margin-left:85px;} 

修改HTML您的文字是這樣的（add class 'field'到p tag）：

<p class='field'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 

希望這有助於。

Answer 2

你應該把你的鏈接和文字放在相同的div。然後，您可以絕對地定位鏈接/文本，並將其調整到完美狀態，然後浮動div。