title: css box model does not stretch using padding
body: <p>I have a project title as a header in my webpage. This project title is within a div called "pagetitle". After the project title, i have two words which one has to be on the left and another on the right. I want a white background everything within the "pagetitle" div leaving alittle space at the bottom after the two words. I have tried "padding-bottom:10px" for the two words. However, the white background does not stretch to cover that 10px included. May I know how should i do it?</p>
  
  <p>Cheers,
  ZhengHong</p>
  
  <pre><code>&lt;div class ="pagetitle" style="background-color:black;"&gt;
          &lt;center style="padding: 10px 0 0 0"&gt;Executive Summary Dashboard&lt;center&gt;
          &lt;br&gt;&lt;left style="float:left; padding:0 0 10px 10px;"&gt;Subject Selected:&lt;/left&gt;&lt;right style="float:right;padding:0 10px 10px 0; background-color:green; margin-bottom:10px;"&gt;Time frame:&lt;/right&gt;&lt;/br&gt;
          &lt;/div&gt;
  </code></pre>