title: How to get a container Div with auto Height and with floating divs inside it?
body: <p>I have the following HTML</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  &lt;!--
  .msg_ok{
      font-family: "Trebuchet MS";
      font-weight: bold;
      font-size: 16px;
      margin:0 auto;
      padding:10px;
      width:500px;
      height:auto;
      display:block;
  }
  .msg_ok{
      background-color:#DCFFB9;
      border:#003300 1px solid;
      color:#003500;
  }
  --&gt;
  &lt;/style&gt;
  
        &lt;div class="msg_ok" style="height:auto;"&gt;
  
          &lt;div style="display:block;float:left;width:350px; height:auto;"&gt;
            &lt;p&gt;line 1&lt;br&gt;
            line2&lt;br&gt;
            line3&lt;br&gt;
            line4&lt;br&gt;
            line5&lt;br&gt;
            &lt;/p&gt;
          &lt;/div&gt;
          &lt;div style="display:block;float:left;width:100px; height:auto;"&gt;
          &lt;a href="#"&gt;Print&lt;/a&gt;
          &lt;/div&gt;
  
        &lt;/div&gt;
  </code></pre>
  
  <p>And I get this result</p>
  
  <p><img src="https://i.stack.imgur.com/dr1EM.jpg" alt="enter image description here"></p>
  
  <p>however how i can get a result like the following, the container div with an auto height that fit its size with the floating divs inside?</p>
  
  <p><img src="https://i.stack.imgur.com/5uWQx.jpg" alt="enter image description here"></p>
  
  <p>Thanks in advance</p>