title: Reducing HTML Table Row Height
body: <p>I have table with few rows. I want 1st and 3rd row height to be set to 1 px and the 2nd row to normal height. But my code is not working.</p>
  
  <p><img src="https://i.stack.imgur.com/p0r6Q.png" alt="enter image description here">
  <strong>HTML CODE goes below</strong></p>
  
  <pre><code>&lt;table border="0"&gt;
     &lt;tr style="height:2px;" &gt;
      &lt;td width="10"&gt;&lt;hr&gt;&lt;/td&gt;
  
    &lt;/tr&gt;
  &lt;tr style="height:20px;" &gt;
      &lt;td width="10"&gt;Hello&lt;/td&gt;
  
    &lt;/tr&gt;
    &lt;tr style="height:20px;" &gt;
      &lt;td width="10"&gt;&lt;hr&gt;&lt;/td&gt;
  
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Could anyone please tell me how to do it ?</p>
  
  <p><strong>Note</strong>: I dont want borders to be used because i Want for certain rows i may or may not need the horizontal line inside the rows.</p>