Bild richtig positionieren

[Anja]

Hallo!

Ich möchte eine Box anzeigen lassen, die ganz links ein Bild, dann in der Mitte einen Text und rechts ein weiteres Bild anzeigt.

Dazu habe ich das Bild und den Text auf left gefloated. Das klappt auch alles wunderbar. Nun möchte ich allerdings rechts neben dem Text noch ein Bild anzeigen und krieg es nicht hin. Kann mir jemand einen Tipp geben?

Momentan sieht es so aus:

img
{
    float: left;
    margin: 5px;
    border: 2px solid white;
}

Die Klasse "rechts" habe ich bereits versucht, nach rechts zu floaten, geklappt hat es aber nicht...

<div id="box">
    <img src="images/bild1.jpg" />
    <p>Text Text Text</p>
    <img class="rechts" src="images/bild2.jpg" />
</div>