title: How to reduce space between tr?
body: <p>I am trying to replicate a page I have been given, and I have nearly finish, but I have a small problem with it.</p>
  
  <p>The space between tr are too big. I have done it reducing the margin top and bottom but there is a point where rows overlap.</p>
  
  <p>Does anybody have any suggestions?</p>
  
  <p>e.g.</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .divContainer
  {   
  margin:10px;
  background-color:#C7D8EE;
  border:2px solid #0076BF;
  text-align:left;    
  }
  
  .tableContainer
  {
  color:#0076BF;
  margin: -10px 0px -10px 0px;
  border-spacing: 10px;
  empty-cells:show;
  width:90%;
  
  }   
  .tableContainer tr td{
   white-space:nowrap;
  }
  
  .tableContainerRow2{
  background-color:white;
  border:2px solid #0076BF;
  
  }
  &lt;/style&gt;
    &lt;div class="divContainer"&gt;
        &lt;table class="tableContainer" cellspacing="10px"&gt;
            &lt;tr&gt;
                &lt;td&gt;NHS Number&lt;/td&gt;
                &lt;td&gt;&amp;#160;&lt;/td&gt;
                &lt;td&gt;Date of Visit&lt;/td&gt;
                &lt;td&gt;&amp;#160;&lt;/td&gt;
                &lt;td colspan="3"&gt;Care Time Started&lt;/td&gt;
                &lt;td&gt;&amp;#160;&lt;/td&gt;
                &lt;td&gt;&amp;#160;&lt;/td&gt;
                &lt;td rowspan="2" style="font-weight:bold;vertical-align:middle;"&gt;Tick when&lt;br/&gt; care starts&lt;/td&gt;
            &lt;/tr&gt;
             &lt;tr &gt;
                &lt;td width="90" class="tableContainerRow2"&gt;&amp;#160;0123456789&lt;/td&gt;
                &lt;td &gt;&amp;#160;&lt;/td&gt;
                &lt;td width="80" class="tableContainerRow2"&gt;&amp;#160;12/12/09&lt;/td&gt;
                &lt;td &gt;&amp;#160;&lt;/td&gt;
                &lt;td width="40" class="tableContainerRow2"&gt;&amp;#160;12&lt;/td&gt;
                &lt;td  width="5"&gt;:&lt;/td&gt;
                &lt;td width="40" class="tableContainerRow2"&gt;&amp;#160;10&lt;/td&gt;                         
                &lt;td &gt;&amp;#160;&lt;/td&gt;
                &lt;td style="text-align:right" &gt;&amp;#160;&amp;#9745;&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/table&gt;
        &lt;table class="tableContainer" cellspacing="10px" &gt;
            &lt;tr&gt;
                &lt;td&gt;&lt;/td&gt;
                &lt;td&gt;Initials&lt;/td&gt;
                &lt;td&gt;Surname&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td width="80" style="font-weight:bold;"&gt;Midwife&lt;/td&gt;
                &lt;td width="50" class="tableContainerRow2"&gt;&amp;#160;&lt;/td&gt;
                &lt;td class="tableContainerRow2"&gt;&amp;#160;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;&lt;/td&gt;
                &lt;td&gt;Initials&lt;/td&gt;
                &lt;td&gt;Surname&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td style="font-weight:bold;"&gt;Doctor&lt;/td&gt;
                &lt;td class="tableContainerRow2"&gt;&amp;#160;&lt;/td&gt;
                &lt;td class="tableContainerRow2"&gt;&amp;#160;&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/table&gt;
        &lt;table class="tableContainer" cellspacing="10px" &gt;
            &lt;tr&gt;
               &lt;td width="250"&gt;Forename&lt;/td&gt;
               &lt;td&gt;Surname&lt;/td&gt;
           &lt;/tr&gt;
            &lt;tr&gt;
               &lt;td class="tableContainerRow2"&gt;&amp;#160;&lt;/td&gt;
               &lt;td class="tableContainerRow2"&gt;&amp;#160;&lt;/td&gt;
          &lt;/tr&gt;
       &lt;/table&gt;
       &lt;table class="tableContainer" cellspacing="10px" &gt;
          &lt;tr&gt;
            &lt;td width="90"&gt;Date of Birth&lt;/td&gt;
            &lt;td width="150"&gt;&lt;/td&gt;
            &lt;td width="100"&gt;Casenote No:&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="tableContainerRow2"&gt;&amp;#160;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td class="tableContainerRow2"&gt;&amp;#160;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;/tr&gt;
      &lt;/table&gt;
   &lt;/div&gt;
  </code></pre>