title: How to auto adjust parent DIV height according to the contents in child DIV?
body: <p>I have one parent DIV inside parent DIV i have two DIV one in left and second is in right side inside the parent DIV i want when i write any content in left or right div tag the parent DIV will be auto adjusted according to the height of left or right DIV tags..</p>
  
  <p>How to write the .css file to perform this ?</p>
  
  <p>the main DIV will not be adjusted according to the child div in Design View :</p>
  
  <p>review my code please :</p>
  
  <pre><code>&lt;div style="padding: 8px; overflow: hidden; background-color: #FFFFFF;"&gt;
      &lt;div style ="float:left"&gt;
          &lt;p&gt;Hi, Flo!&lt;/p&gt;
        &lt;/div&gt;
        &lt;div style ="float:right; height: 180px;"&gt; 
          &lt;p&gt;is&lt;/p&gt;
          &lt;p&gt;this&lt;/p&gt;
          &lt;p&gt;what&lt;/p&gt;
          &lt;p&gt;you are looking for?&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>