title: How do I center an error message inside an html table?
body: <p>I have html code that prints all of the posts inside an html table.</p>
  
  <p>However, if there are no posts then I need to print an error <code>No posts found</code>.</p>
  
  <p>Now focus on the error message</p>
  
  <p>I am trying to print the error message in the center of the table.</p>
  
  <pre><code>&lt;style&gt;
  table{border-collapse:collapse}
  td{background-color:white;padding:10px}
  .first_tr td{background-color:#f1f7f7 !important;border-bottom:1px red solid}
  &lt;/style&gt;
  &lt;table border="0" width="400px"&gt;
  &lt;tr class="first_tr"&gt;&lt;td width="20%"&gt;POST ID&lt;/td&gt;&lt;td width="79%"&gt;POST TITLE&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;No posts found&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Here is an example: <a href="http://jsfiddle.net/9UhTd/" rel="nofollow">http://jsfiddle.net/9UhTd/</a></p>
  
  <p>The error message is shown in the begin of the table, but I am trying to center it!</p>