html - 为什么我不能在段落周围 float div？

Question

我这辈子都想不出如何让 div 文本紧挨着段落文本!!像这样:......... 段落文本 段落文本 div 文本 div 文本 .......我希望 div 成为下一段，就像它们在一个文本中一样。请帮助我!!

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