title: CSS Space between rows separated by a line
body: <p>I found a similar question here</p>
  
  <p><a href="https://stackoverflow.com/questions/351058/space-between-two-rows-in-a-table">Space between two rows in a table?</a></p>
  
  <p>but I don't visualize the answer, and each answer was different, sounded like there was no agreement</p>
  
  <p>I am displaying dynamically a table and just need to tweak the CSS so that there is space between the rows, separated by a line, that is all. I dont want that the rows look squeezed against each other. What they say is padd the cells. I hardcoded into the html table the cellpadding and it has no effect whatsoever. The only thing that really changes the look is cellspacing but that has a bad optical effect.</p>
  
  <p>I don't understand how they write the answer here below since they use so many braces and as far as I know, you create a class in the CSS file starting with a '.' and 2 braces and put all the stuff in, but they wrote this:</p>
  
  <pre><code>table tr{ float: left width: 100%; }
  
  tr.classname { margin-bottom:5px; }
  </code></pre>
  
  <p>but they start without declaring the class and when they are in the middle they create the class for the tr. I dont understand that.</p>
  
  <p>Does anyone know how to put that code in a correct way that makes sense ?</p>