title: Align several nested div's of a div. (center)
body: <p>Several nested div's inside a container, the contents (nested divs) are not getting center aligned in it's parent.</p>
  
  <pre><code>&lt;div id="parent"&gt;
    &lt;span id="menu_0" class="d"&gt;&lt;/span&gt;
    &lt;span id="menu_1" class="d"&gt;&lt;/span&gt;
    &lt;span id="menu_2" class="d"&gt;&lt;/span&gt;
  &lt;/div&gt;
  
  #parent
  {
      float: left;
      height:18px;
      width:980px;
      margin-top:55px;
      text-align:center;
      border: solid red 1px;
  }
  .d 
  {
      background:url(../images/d.png) 0px 0px no-repeat;
      height:18px;
      width:28px;
  }
  </code></pre>