Mister X: Dynamische DIVs nebeneinander zentriert

Beitrag lesen

Hallo,
ich weiß, dass es dazu bereits "gelöste" Themen gibt, aber in meinem Fall hat bisher nichts davon funktioniert. Also zu meinem Problem:
Ich habe mehrere div-Container, die alle die gleiche Größe haben, jedoch auch dynamisch breit sind. Wenn der Bildschirm klein ist oder es viele davon gibt, müssen die Container in mehreren Reihen erscheinen. Also z. B. in der ersten 3, in der zweiten 2. Dies passiert aber automatisch, also sollte das kein Problem sein.

Hier ein Beispiel-HTML-Code:

  
<div id="container">  
<div class="container2">Hier drin kann viel Inhalt sein, auch mehrere DIVs, die aber untereinander angezeigt werden.</div>  
<div class="container2">Hier ein weiterer Container.</div>  
<div class="container2">Hier ein weiterer Container.</div>  
<div class="container2">Hier ein weiterer Container.</div>  
<div class="container2">Hier ein weiterer Container.</div>  
</div>  

Und das dazu passende (nur hierfür relevante) CSS:

  
div.container2 {  
  width: 90%;  
  max-width: 400px;  
  float: left;  
}  

Dadurch sind sie alle gleich breit, 90%, jedoch höchstens 400px. Außerdem werden sie durch float: left nebeneinander angezeigt, außer sie passen nicht in eine Reihe. Nur möchte ich, aus optischen Gründen ;) die Container zentriert anzeigen lassen.

Also: Wie ist das möglich?

Danke schon einmal im Voraus!