title: Can't get text to center?
body: <p>I have a <code>div</code> wrapped around a couple <code>span</code>'s and using JS to make the span's fade in and out (for testimonials). Everything works, except I can't get the <code>span</code> text to center within the <code>div</code>. Here's the relevant code:</p>
  
  <p>HTML -</p>
  
  <pre><code>&lt;div class="slideshow"&gt;
      &lt;span style="font-size:12px; color:#333333; font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;"&gt;Hi&lt;/span&gt;
      &lt;span style="font-size:12px; color:#333333; font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;"&gt;Goodbye&lt;/span&gt;
  &lt;/div&gt;&lt;br /&gt;
  </code></pre>
  
  <p>And here's the slideshow CSS -</p>
  
  <pre><code>.slideshow {
  width:940px;
  height:64px;
  background-image:url(../images/quotes.png);
  }
  </code></pre>
  
  <p>Can anyone tell me what I'm doing wrong? Oh and yes I've tried <code>text-align:center;</code> with no luck.</p>
  
  <p>[Edit] I'd like to add I've also tried adding in <code>!important</code> with no change.</p>