title: How to center a span inside a TD?
body: <p>I have a problem with a certain tag, grabbed from an external source. This code you will see is taken from another website, and you could also see a date (ex. 15 Juli Måndag) There is dates all over the page, how could I center them with just CSS? Tried with absolute positioning, which leads to have all dates over each other.</p>
  
  <p><a href="http://jsfiddle.net/jackbillstrom/sMysu/" rel="noreferrer">Fiddle here.</a></p>
  
  <p>My html:</p>
  
  <pre><code>    &lt;div id="header"&gt;
      &lt;div class="schema"&gt;
          &lt;h1&gt;Schema&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div class="back"&gt;&lt;a id="back" href="index.html"&gt;&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="content"&gt;
      &lt;div class="content" style="margin-top:0px;"&gt;
          &lt;div class="article" style="text-align:center;"&gt;
              &lt;!-- Här skrivs det ut en massa saker --&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My JS:</p>
  
  <pre><code>$(window).load(function () { //Fade
      $("#status").fadeOut();
      $("#preloader").delay(350).fadeOut("slow");
  })
  grabShedule();
  
  function grabShedule() {
      var url = "http://1life.se/scraper/Schedule.php"; //URL
      $.getJSON(url, function (response) {
          var html = response.scraped[0].html; //Answer
          $('.article').append(html); //Answer is appended to .article
      });
  }
  </code></pre>
  
  <p>Check out my fiddle, I don't know how to approach this problem...</p>
  
  <p><strong>How I want it:</strong>
  <img src="https://i.stack.imgur.com/C3fGh.png" alt="Final"></p>