title: Put two child divs next to each other inside parrent div
body: <p>that's what I got so far:
  <a href="http://jsfiddle.net/cHKF4/3/" rel="nofollow">http://jsfiddle.net/cHKF4/3/</a></p>
  
  <p>But I want to put small boxes (box1 and box2 inside late) </p>
  
  <pre><code>#late {
      position: relative;
      border-style: solid;
      border-width: 3px;
      border-color: #00fff3;
      height: 200px;
         width: 960px;
      margin: 0 auto;
      margin-top: 30px;
  }
  
  #box1 {
      position: relative;
      border-style: solid;
      border-width: 1px;
      border-color: #55fff3;
      height: 100%;
      width: 200px;
      margin: 0 auto;
  }
  
  #box2 {
      position: relative;
      border-style: solid;
      border-width: 3px;
      border-color: #55fff3;
      height: 100%;
      width: 200px;
  }
  </code></pre>
  
  <p>Thank you.</p>