Inline-Elemente untereinander platzieren

[Pierre]

Hallo

ich hab da ein Problem, wo ich nicht weiterkomme. Auf meiner Projektseite gibts eine Accordeon Funktion zum auf- und zuklappen von Content. Der übergeordnete Titel (h3) soll rechts neben dem Wort ein grafisches Element erhalten, welches den Aufklappmodus anzeigen soll.

Musterseite

H3 ist wie folgt definiert:
h3.off {
 background-image:url(images/pfeil-rechts.gif);
 background-position:100% 3px;
 background-repeat:no-repeat;
 clear:left;
 cursor:pointer;
 display:inline;
 padding-right:25px;
}

Nun habe ich die h3 als inline-Elemente definiert, damit das grafische Element schön am Ende des Textes erscheint. Sind nun aber alle Inhalte eingeklappt, rutschen natürlich die h3-Elemente die rechts noch Platz haben dahinter. Ich könnte nun nach jedem h3 ein br einfügen, ist aber ungüstig, da der Kunde die Inhalte selbst erstellt (Drupal und fck-Editor) und dies somit sehr umständlich ist. Wie schaff ich es durch normals css Markup, ohne Hinzufügen von weiterem HTML Code (br oder span) die als inline definierten h3 Elemente untereinander anzuordnen? Ich komm da nicht weiter. Kann mir da jemand mit einem Tipp weiterhelfen?

Besten Dank
Pierre