title: How to align text input and label when validation appears
body: <p>Got a form table below which contains form elements such as text inputs and validation messages:</p>
  
  <pre><code>$error_user = (!empty($errors['user']))?$errors['user']:"";
  $error_email = (!empty($errors['email']))?$errors['email']:"";  
  
              echo "&lt;form action='./forgotpass.php' method='post'&gt;
              &lt;table&gt;
              &lt;tr&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td id='errormsg'&gt;$errormsg&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
              &lt;td&gt;Username&lt;/td&gt;
              &lt;td&gt;&lt;input type='text' name='user' value='$user'/&gt;&lt;br/&gt;".$error_user."&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
              &lt;td&gt;Email&lt;/td&gt;
              &lt;td&gt;&lt;input type='text' name='email' value='$email'/&gt;&lt;br/&gt;".$error_email."&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input type='submit' name='resetbtn' value='Reset Password' /&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;/table&gt;
              &lt;/form&gt;";
  </code></pre>
  
  <p>Now I am displaying each validation message below the relevant text inputs but the problem is the allignment. If I display the message underneath the text input as I am doing now, then the text input moves up a little bit to occupy the space below for the validation message, meaning the text input is not leveled with its label e.g <code>Email</code> text input not aligned with this label when validation appears.</p>
  
  <p>My question is that how can I get the label and text inputs to stay align with each other when the validation message appears underneath</p>