title: Align table columns HTML
body: <p>I finally was able to align the columns in the tables of a page of my website. Though I found the solution I don't understand it.
  This is a <a href="http://cssdeck.com/labs/lfq6nkkv" rel="nofollow noreferrer">fiddle</a> I prepared. If you delete </p>
  
  <pre><code>display: block
  </code></pre>
  
  <p>from the CSS the columns are centered perfectly. </p>
  
  <p>The fact is that I don't understand what that instruction is causing problems, doesn't it means that <a href="http://www.w3schools.com/cssref/pr_class_display.asp" rel="nofollow noreferrer">elements are displayed as block elements</a>? Shouldn't it cause the elements (the raw in particular) to fill an entire line?</p>