title: Setting table row height
body: <p>I have this code: </p>
  
  <pre><code>&lt;table class="topics" &gt;
      &lt;tr&gt;
          &lt;td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;"&gt;Test&lt;/td&gt;
          &lt;td style="padding: 0 4px 0 0;"&gt;1.0&lt;/td&gt;
          &lt;td&gt;abc&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
  
          &lt;td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;"&gt;test2&lt;/td&gt;
          &lt;td style="padding: 0 4px 0 0;"&gt;1.3&lt;/td&gt;
          &lt;td&gt;def&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The rows are spaced too far apart. I want the lines closer together.</p>
  
  <p>What I did was to add the following CSS but it doesn't seem to change anything. </p>
  
  <pre><code>.topics tr { height: 14px; }
  </code></pre>
  
  <p>What am I doing wrong?</p>