Editor Darstellungs-Problem mit clear:both

[Belletage]

Hallo,

es gibt einen Unterschied zwischen Frontend- und Backend-Darstellung,
wenn ich solch einen Code, nach dem rechts vom Bild ein Text stehen soll, unterbrochen von einer Kapitel-Überschrift, nach der die Bild/rechts-Text-Folge weitergeht soll:

Code:

<img alt="bild1" src="bild1.jpg" style="width: 400px; height: 311px; vertical-align:top; float:left; margin-right:10px;" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut est risus, placerat venenatis augue. </p>
<p class="clear">
    &nbsp;</p>
<h3>
    Flächen</h3>
<p>
    <img alt="bild2" src="bild2.jpg" style="width: 400px; height: 300px; vertical-align: top; float:left; margin-right: 10px;" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut est risus, placerat venenatis augue. </p>

dann berücksichtigt der Editor das "clear" nicht und zeigt auch die Überschrift rechts neben den Bildern. Das ist für einen "einfachen" User verwirrend und eine große Anwendungshürde.
Ist das ein Editorfehler oder müsste man anderes css verwenden?

Wäre es möglich, dem Editor eigene Vorlagen hinzuzufügen, spez. auch ein class="clear"?

Grüße, B.
Vorlage AcidMind, GS 3.1.2