Thiemo: Unmögliche div-Reihenfolge, wenn float benötigt wird

Beitrag lesen

Ich habe eine Aufgabe, von der ich inzwischen denke, dass sie unmöglich ist. Ausgangspunkt ist ein Design mit einer floatenden Box rechts. Der Fließtext fließt um diese Box herum, nimmt also nach dem Ende der Box wieder die volle Breite ein. Das ist so gewollt.

Hier zur Veranschaulichung:
http://maettig.com/code/css/accessible-infobox.html

Jetzt will ich die Reihenfolge der div-Container so optimieren, dass der erste Absatz des Fließtextes im HTML-Quelltext vorn steht, vor der floatenden Box. Das hat entscheidende Vorteile beim Vorlesen durch Screenreader.

Ich habe viel versucht: Negative Margins, absolute Positionierung. Ich denke inzwischen wie gesagt, dass mein Wunsch unmöglich ist.