在一个contenteditable div中的文本周围浮动图像

Question

我在一个可疑的div中正确地将图像与文本一起漂浮时遇到了一些麻烦。这是一个显示问题的小提琴：http://jsfiddle.net/trpeters1/tcLw2/10/

有人会介意看一下小提琴，就如何在图像旁边显示文字提供一些指导吗？

如果你想复制粘贴，这里是HTML和CSS：

<p contenteditable="true" id="local"  >
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/26/YellowLabradorLooking_new.jpg/260px-YellowLabradorLooking_new.jpg"> sdfasfsfasfsfdasfsafasfajksf;asjf;as;jkasfk;as;lkfjaskfjkaslfjkasfkafl;sfklfjas;fjasjdfkasfkasfl;als;fjasf;slfjasfasfsadfasfasfafasfasfafsfddas

CSS：

p{background:yellow;}
img{float:left;}

Answer 1

请参阅Prajeesh的评论。他回答了这个问题：“我只是看到你的原始小提琴中的长文本中的空格实际上是在你需要的时候包裹它:)只是你的线条太长了它不能放在图像旁边”