OK, I am not happy with my hack of CKEditor. I would like to come back to replacing (or adding to) the hr elements on the page. > > Can MooTools not just find each <hr /> and replace it with "<div class="clear"></div><hr />" even if I had to wrap the element like <div class="hrClear"><hr /></div>
I put together a fiddle with what I currently have. The catch is you can not edit the html, as it is being generated by the client via a WYSIWYG editor. So the solution has to be css and/or javascript. The goal, always keep a 2em margin above and below the HR, whether the text wraps passed the floated image or not. http://jsfiddle.net/8ACRP/
