As far as I know, this is not possible.
I would like to draw a diagram around the text that flows around a floating image on a web page. Any CSS or Javascript tricks that could help with this would be appreciated.
Horrible layout: http://i.stack.imgur.com/Wf7BW.png
.
Edit:
This link to the demo for Aloha Editor will give you an idea of the purpose of the outline: http://www.aloha-editor.org/demos/wordpress-demo/
Why?
In the CMS I'm working on, users can edit information in contentEditable divs on the front of the website. In the situation above, having a diagram around the entire div, confusion is created for the user, because they cannot edit this black block.
, . , (, div, , div ), . - div , , . , .
, , , . <p> contentEditables, , .