Czy da się zrobić tak aby tekst opływał od lewej strony obrazek (czyli tekst po lewej stronie a obrazek po prawej) ale jednocześnie aby w dokumencie html najpierw występował tekst a dopiero potem obrazek?

Czyli miałabym:

<div id="jeden">
<p>tekst</p>
<p>tekst</p>
</div>

<div id="dwa">
<ul>
<li><img src="a.jpg" /></li>
<li><img src="a.jpg" /></li>
<li><img src="a.jpg" /></li>
<li><img src="a.jpg" /></li>
</ul>
</div>

i przy pomocy css chciałabym aby obrazki były po prawej stronie, a tekst aby je opływał od lewej strony. Jak to zrobić?
Jeśli zmienię kolejność w html:najpierw div1 a potem div2 to wtedy działa, ale mi zależy na uzyskaniu tego efektu bez zmiany html.


pozdrawiam najserdeczniej Jola

css:

[HTML] pobierz, plaintext 
#jeden, #dwa {
float: left;
width: 150px;
}
#trzy {
clear: both; /* do ustabilnienia */
}
[HTML] pobierz, plaintext 

html:

[HTML] pobierz, plaintext 
<div id="jeden">
<p>tekst</p>
<p>tekst</p>
</div>
 
<div id="dwa">
<ul>
<li><img src="a.jpg" /></li>
<li><img src="a.jpg" /></li>
<li><img src="a.jpg" /></li>
<li><img src="a.jpg" /></li>
</ul>
</div>
<div id="trzy">np. stopka badz jaki kolwiek inny tag blokowo</div>
[HTML] pobierz, plaintext 

Ale to działa tylko jeśli ustali się szerokość tych div. A tego robić nie chciałabym. Zależy mi na takim płynnym opływaniu bloku z obrazkami przez tekst.
Jak to wykonać?

pozdrawiam najserdeczniej Jola