title: How to reduce space between label and a text box in html
body: <p>I am designing a html form where I have a label and a textbox, but in my design there is a big space between the textbox and the label, which I want to reduce.</p>
  
  <p>Here is my code: </p>
  
  <pre><code>&lt;tr&gt;
    &lt;td&gt;
      &lt;bean:message key="tml.registration.captcha.verification.code"/&gt;
      &lt;font color='red'&gt;*&lt;/font&gt;
    &lt;/td&gt;
    &lt;td&gt;
      &lt;input type="text" name="imageValidation" size="25" title="Enter verification Code"/&gt;
    &lt;/td&gt;
    &lt;td&gt;
      &lt;logic:messagesPresent property="imageValidation"&gt;
        &lt;font color="red"&gt;&lt;html:errors property="imageValidation" /&gt;&lt;/font&gt;
      &lt;/logic:messagesPresent&gt;
    &lt;/td&gt;
  &lt;/tr&gt; 
  </code></pre>
  
  <p>I want the verification code and textbox closely aligned. Somebody please help.<br>
  Here is a screenshot of the current state:</p>
  
  <p><img src="https://i.stack.imgur.com/RvH3B.png" alt="enter image description here"></p>