title: Center align multiple child DIV
body: <p>I am finding it bit confusing working around this problem.</p>
  
  <p>I have parent DIV and 3/more Child DIV.</p>
  
  <p>Parent DIV is center aligned and child DIV should be floating left but should be aligned center.</p>
  
  <p><strong>CSS</strong> contains,</p>
  
  <pre><code>.center {
     float:left;
     height:250px;
     width:15%;
     margin: 0 auto;
     border: 1px solid black;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/wpXTr/">I have a sample of the code link here...</a></p>