title: how to reduce space between rows in a html table
body: <p>I have designed this signup form. The problem is that there is too much space between the two rows i.e. the id and password parts.How do I reduce the space?</p>
  
  <p><strong>CSS</strong> (inside HTML / Head / Style elements)</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Signup&lt;/title&gt;
  &lt;style&gt;
  div
  {
      position:absolute;
      top:300px;
      left:550px;
      width:200px;
  }
  
  table
  {   
      height:150px;
      border:1px solid black;
      border-radius:10px;
      box-shadow:0px 0px 2px #777;
  
  }
  td
  {
      padding:10px;
  
  }
  
   .ip
  {
      border-radius:5px;
      border:1px solid grey;
  
  }
  
   .label
  {
      color:#EE6AA7;
      font-family:Helvetica;
      font-size:17px;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p><strong>HTML</strong>(Inside HTML/Body)</p>
  
  <pre><code>&lt;body&gt;
  &lt;div&gt;
  &lt;form&gt;
  &lt;table&gt;
  &lt;tr&gt;
      &lt;td class="label"&gt;Id&lt;/td&gt;
      &lt;td&gt;&lt;input type="text" name="id" class="ip"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td class="label"&gt;Password&lt;/td&gt;
      &lt;td&gt;&lt;input type="text" name="pswrd" class="ip"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>