title: CSS: Fix row height
body: <p>I'm having this markup:</p>
  
  <pre><code>&lt;style&gt;
      table
      {
          border:1px solid black;
          width:400px;
          height:300px;
          border-collapse:collapse;
      }
      table tbody
      {
          border:1px solid red;
      }
      table td
      {
          background:yellow;
          padding:10px;
          border-bottom:1px solid green;
          height:20px;
      }
  &lt;/style&gt;
  
  
  &lt;table&gt;
  &lt;tbody&gt;
      &lt;tr&gt;&lt;td&gt;test&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;test&lt;/td&gt;&lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>What I need is that the rows won't stretch in height.
  Is there a way to have a fixed row height?</p>