CSS Clearfix needed on taTextElement

[JoaoMosmann]

The image float problem bellow can be solved by applying a ::after clearfix on the taTextElement

[JoelParke]

I am hesitant to add 'clearfix' to the taTextElement.  
This would be trivially done to the code by modifying main.js and changing:

scope.displayElements.text.attr({
   'id': 'taTextElement' + _serial,
   'contentEditable': 'true',
   'ta-bind': 'ta-bind',
   'ng-model': 'html',
   'ng-model-options': element.attr('ng-model-options')
});

to

scope.displayElements.text.attr({
   'id': 'taTextElement' + _serial,
   'contentEditable': 'true',
   'ta-bind': 'ta-bind',
   'ng-model': 'html',
   'ng-model-options': element.attr('ng-model-options'),
   'class' : 'clearfix'
});

but I worry that this will collide in applications where folks have already crafted their css, etc. to do what they need.
What are your thoughts?

Thanks!

[JoelParke]

After thinking about this some more. I realized that there is already a 'ta-text-editor-class' attrib set to 'border-around' that I will add 'clearfix' to for the existing demo.
So I will close with an update the demo...