title: Is there a css equivalent to 'align="center"'?
body: <p>I tried:</p>
  
  <pre><code>margin-left: auto;
  margin-right: auto;
  </code></pre>
  
  <p>But it doesn't center the elements in my table cells. I have a combination of text and <code>&lt;span&gt;</code> elements in the <code>&lt;td&gt;</code>s.</p>
  
  <p>Once I set 'align="center"' in any of the <code>&lt;td&gt;</code> elements, it does center.</p>
  
  <p>How do I achieve this in the stylesheet?</p>
  
  <p>Btw, when I do <code>text-align: center</code> that works for text. But not for other elements like <code>&lt;span&gt;</code>s.</p>
  
  <p>Edit:</p>
  
  <p>The span has the following class, if that affects the alignment issue:</p>
  
  <pre><code>.dot {
      display: block;
      width: 10px;
      height: 10px;
      background: #333;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
  }
  </code></pre>