title: How to align a inner DIV in the center of the outer DIV
body: <p>I have a bottom toolbar like this:</p>
  
  <pre><code>&lt;div style="float:left;width:100%;position:fixed;z-index:210;bottom:5px;"&gt;
  
      &lt;div style="float:left;width:928px;border:1px solid #000;background:url('/images/noise-bg.jpg') repeat-x;height:26px;padding:5px;"&gt;
           Toolbar Content
       &lt;div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>But this toolbar is aligned on left side of the page. I want this DIV to be in the center of the page. Means same space area on the both side(left and right) of the toolbar. I can't fix the width of the toolbar, it is always <code>100%</code>. I tried by setting fixed <code>margin-left</code> but it is different on different browsers/resolutions and iPad.
  Any idea ?</p>
  
  <p>Thanks</p>