Keep image location and correct flow around

<div style="width: 400px" contenteditable="true">
abc abc abc abc ab开发者_如何学运维c abc abc abc abc abc abc abc abc abc abc 
(...) 
abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc 
<img src="pic.jpg" style="display: block" />
abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc 
(...) 
abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc 
</div>

When user edit text before the image and new line is created (because text wrap) image goes lower. Can I set that the image doesn't change the location and the text (and other content) will still correctly flow the image? I need it only in chrome. If it is not possible can you tell me the best way how to do it using java-script? Thx for help!!

Regards, Umpc

Sounds to me like you would want this, with the padding optional, but usually desirable.

<img src="pic.jpg" style="float:left; padding:0 10px 10px 0;" />