title: How can I put some space around td text?
body: <p>I have a demo  <a href="http://jsfiddle.net/CEFLU/1/" rel="nofollow">here</a> how can I put some space around the texts in side the table? also why not the css class is working in the demo?</p>
  
  <p>css</p>
  
  <pre><code>.recomendationsTable{
  width:100%;overflow:hidden;
  }
  .recomendationsTable tr{
  border:#2F5882 1px solid;
  } 
  .recomendationsTable tr th{
  color :#ffffff;
  background-color: #93A8BF;
  }
  .recomendationsTable tr .odd{
  color :#FFFFFF;
  background-color: #8EA4BB;
  border:#2F5882 1px solid;
  }
  .recomendationsTable tr .even{
  color :#2F5882;
  background-color: #EDF1F5;
  border:#2F5882 1px solid;
  }
  </code></pre>