Nur als Anregung:
Alles in allem ist das wohl eher suboptimal. Ich muss den margin-right immer so austarieren, dass es von der Seitenbreite her genau passt. Besser wäre eine Lösung, mit der ich die drei Boxen schön gleichmäßig auf einer gegebenen Breite aufteilen könnte.
Monitore sind nicht alle gleich breit, Browserfenster sind nicht alle gleich breit.
Sofern der umgebende Bereich der Seite es erlaubt, ist es dementsprechend am sinnvollsten, so viele Elemente in einer Zeile zu platzieren, wie in die Zeile passen, und nicht fix n Bilder, die in der Folge mal auf 500 Pixeln Breite zusammengequetscht werden, sich mal in gähnender Leere auf 1500 Pixeln verlieren.
wie macht man denn sowas mit CSS? Geht das überhaupt?
So:
<img>
<img>
<img>
<img>
<img>
<img>
<img>
Den Umbruch erledigt der Browser von alleine. Einfacher geht's nicht.