title: CSS Float Images, Remove margin each line
body: <p>Im trying to align multiple Images or DIVs.
  i get the content from wordpress.</p>
  
  <pre><code>#wrapper{    
  width:800px;
  }
  
  .image{
  width:125px;
  height:100px;
  float:left;
  margin-left:10px;
  }
  </code></pre>
  
  <p>This causes the last image to go to the next line.</p>
  
  <p>i found  </p>
  
  <pre><code>#wrapper div:first-child{
      margin-left:0px;
      }
  </code></pre>
  
  <p>helps me with the first line but the next lines are "broken" again.
  how can i align 6 images in a row with ^n Pictures?</p>