Sobald aber noch ein Bild in der Zeile ist, dann macht er das gefloatete Element wieder in die nächste Zeile.
... dann ist das Bild aber bestimmt wieder an erster stelle:
IMG W2/float W1
mit
W2/float IMG W1
sollte es dann aber wieder gehen.
Aber um eine schöne reihenfolge auch ohne css zu bekommen könntest du ja das ganze umdrehen.
<span style="float:left;">W1</span><img ... />W2
Problem gibts dann nur mit der rechten positionierung von W2. Wenn man den Textfluss von W2 auch rechtsbündig setzen könnte sehe es so aus:
<div style="align:right;"><span style="float:left;">W1</span><img ... />W2</div>