title: content out of div
body: <p>This is how i configured the divs in HTML </p>
  
  <pre><code>&lt;div id="wrapper"&gt;&lt;div id="content"&gt;&lt;div id="details-middle" class="box"&gt;
  ..........content.........
  &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And this the css for the div's </p>
  
  <pre><code>#wrapper {
      border-radius: 12px;
  font-size:13px;
  line-height:140%;
  width:1008px;
  margin:0 auto;
      margin-top: 15px;
      margin-bottom:15px;
  
  }
  #content {
  margin-left:20px;
  width:1008px;
      }
  #details-middle
  {
  float:left;
  width:700px;
  
  }
  .box {border: 1px solid #CCC;
  border-radius:12px;
  margin-bottom:7px; 
  padding:10px 12px;
  background-color: #FFF;
  }
  </code></pre>
  
  <p>Everything is showing out of the div's .. </p>
  
  <p><img src="https://i.stack.imgur.com/XYZue.png" alt="http://grab.by/cdWa"></p>