title: Wrapper Div and Inner Div center align
body: <p>Here is my html code looks alike.</p>
  
  <pre><code>&lt;div style="width:70%; margin:0px auto; border:1px solid #000;"&gt;
  
  &lt;div style="float:left; width:100px; border:1px solid #000;"&gt;Test&lt;/div&gt;
  &lt;div style="float:left; border:1px solid #000;"&gt;Test&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>The output result looks like this.</p>
  
  <p><a href="http://imm.io/7PWG" rel="nofollow">http://imm.io/7PWG</a></p>
  
  <p>As you can see, the wrapper div is at the center of the browser but two of the inner div are on the left side. I want them to be in the center of the wrapper div.</p>
  
  <p>Any ways to do it ? Please help me out. Thanks.</p>