title: How to center group of divs inside div?
body: <p>I am a bit newbie with CSS and i am pretty obfuscated trying to center a group of divs inside a div. What i want:</p>
  
  <p><img src="https://i.stack.imgur.com/iqz7p.png" alt=""></p>
  
  <p>divs 2,3 and 4 should be centered inside div1.</p>
  
  <p>My approach:</p>
  
  <pre><code>.div1 {
      display: inline-block;
      margin: 0 auto;
      text-align: center;
  }
  
  .restofdivs {
      width: 470px;
      margin: 20px;
      min-height: 1px;
      float:center
  }
  </code></pre>
  
  <p>the result is: the 3 divs (2,3 and 4) one on top of another...</p>
  
  <p>Regards,</p>