Boxabstand innerhalb eines Wrappers

[Peter]

Hallo

Ich hab glaub ich gerade einen Gedankenfehler im Design. Kann mir jemand auf die Sprünge helfen. Anbei mein Problem sehr stark vereinfacht.

#wrapper{width:600px;}  
.container{width:195px;margin-left:5px;margin-bottom:5px;float:left}

  
<div id="Wrapper">  
  Inhalt  
</div>  
  
<div id="Wrapper">  
  <div class="container">Inhalt</div>  
  <div class="container">Inhalt</div>  
  <div class="container">Inhalt</div>  
  <div class="container">Inhalt</div>  
  <div class="container">Inhalt</div>  
  <div class="container">Inhalt</div>  
  <div class="container">Inhalt</div>  
  <div class="container">Inhalt</div>  
  <div class="container">Inhalt</div>  
  ...  
</div>

Was ich gerne hätte wäre das die Container, wo die Anzahl unbekannt ist, alle konstant innerhalb 5px zueinander Abstand haben. Jedoch nicht der ganz linke Container, da er genau am Rand bleiben soll, was mit margin-left:5px natürlich nicht der fall ist. Margin-right geht auch nicht weil ich dann wieder rechts den Abstand am Wrapper habe der auch nicht sein soll. Sprich ich will an den Aussenkanten eine gemeinsame Fluchtlinie.

So in der Art:
 ----------------------------
 |                          |
 ----------------------------

----------------------------
 ||      | |      | |      ||
 ||      | |      | |      ||
 ||      | |      | |      ||
 ||      | |      | |      ||
 ----------------------------

Geht das nur über einen zweiten übergeordneten Wrapper wo man den Abstand dann simuliert, oder kann man das mit CSS auch innerhalb eines Wrappers lösen? Steh gerade vollkommen im Wald. ;)

lg