爲什麼我不能在該段落內浮動div？

Question

我不能爲我的生活弄清楚如何使div文本旁邊的段落文本！像這樣： ........段落文本段落文本div文本div文本........ 我希望divs成爲下一段，就像它們在一個文本中一樣。請幫助我！

HTML：

<p><a href="#">paragraph text</a>, <a href="#">paragraph text</a>, <a href="#">paragraph text</a>, <a href="#">paragraph text</a>, <a href="#">paragraph text</a>, <a href="#">paragraph text</a>, <a href="#">paragraph text</a>, <a href="#">paragraph text</a>, <a href="#">paragraph text</a>, <a href="#">paragraph text</a>, <a href="#">paragraph text</a>, <a href="#">paragraph text</a>, <a href="#">paragraph text</a>, <a href="#">paragraph text</a></p> 

<div><a href="#">div text</a>, <a href="#">div text</a>, <a href="#">div text</a>, <a href="#">div text</a>, <a href="#">div text</a>, <a href="#">div text</a>, <a href="#">div text</a>, <a href="#">div text</a>, <a href="#">div text</a>, <a href="#">div text</a>, <a href="#">div text</a>, <a href="#">div text</a>, <a href="#">div text</a>, <a href="#">div text</a>,</div> 

CSS：

p {float:left;} 

http://jsfiddle.net/Lmk9s/519/

Answer 1

只使用

display: inline 

Updated fiddle