title: How to line up text and textboxes horizontally?
body: <p><img src="https://i.imgur.com/RWDbvfh.png" alt="image"></p>
  
  <p>This is what the following code produces. Could someone please help me make the text line up with the textboxes on all screen sizes? Originally I wanted to set the height of each text to line it up with the textboxes, but then realized it wouldn't be lined up on different sized screens. Any help is appreciated.</p>
  
  <pre><code>&lt;body&gt;
  
  &lt;h1&gt;Contact Us&lt;/h1&gt;
  
  &lt;p&gt;Please take a few moments to fill out our feedback form. It will help us to better     address your needs. Thank you.&lt;/p&gt;
  
  &lt;div id="mainLeft"&gt;
  &lt;table border="0" style="z-index: 1; position: inline; width: 440px; height: 334px; left: 0px; top: 0px;" width="644"&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td height="40" scope="col" width="144"&gt;&lt;strong&gt;&lt;span class="style4"&gt;&lt;span class="style5"&gt;Your Name:&lt;/span&gt; &amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;/td&gt;
          &lt;td height="269" rowspan="10" scope="col" width="267"&gt;
          &lt;form action="send-form.php" id="form" method="post" name="form"&gt;
          &lt;p&gt;&lt;input id="name" name="name" size="35" type="text" value="" /&gt;        &lt;/p&gt;
  
          &lt;p&gt;&lt;input id="email" maxlength="55" name="email" size="35" type="text" /&gt;&lt;/p&gt;
  
          &lt;p&gt;&lt;input id="address" maxlength="55" name="address" size="35" type="text" /&gt;&lt;/p&gt;
  
          &lt;p&gt;&lt;input id="city" maxlength="55" name="city" size="35" type="text" /&gt;&lt;/p&gt;
  
          &lt;p&gt;&lt;input id="state" maxlength="55" name="state" size="15" type="text" /&gt;&lt;/p&gt;
  
          &lt;p&gt;&lt;input id="zip" maxlength="55" name="zip" size="25" type="text" /&gt;&lt;/p&gt;
  
          &lt;p&gt;&lt;input id="telephone" maxlength="55" name="telephone" size="35" type="text" /&gt;&lt;/p&gt;
  
          &lt;p&gt;&lt;input id="fax" maxlength="55" name="fax" size="35" type="text" /&gt;&lt;/p&gt;
  
          &lt;p&gt;&lt;input id="feedback" maxlength="55" name="feedback" size="35" type="text" /&gt;&lt;/p&gt;
  
          &lt;p&gt;&lt;textarea cols="30" id="comments" name="comments" rows="7" wrap="virtual"&gt;&lt;/textarea&gt;&lt;/p&gt;
          &lt;input name="Submit" onclick="MM_validateForm('email','','RisEmail','phone','','NisNum','comments','','R');ret​urn document.MM_returnValue" tabindex="1" type="submit" value="Submit" /&gt;&amp;nbsp;&lt;/form&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr&gt;
          &lt;td height="0" scope="col"&gt;&lt;strong&gt;&lt;span class="style6"&gt;Email Address: &amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;/strong&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td height="0" scope="col"&gt;&lt;strong&gt;&lt;span class="style6"&gt;Mailing Address: &amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;/strong&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td height="0" scope="col"&gt;&lt;strong&gt;&lt;span class="style6"&gt;City: &amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td height="0" scope="col"&gt;&lt;strong&gt;&lt;span class="style6"&gt;State: &amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td height="0" scope="col"&gt;&lt;strong&gt;&lt;span class="style6"&gt;Zip Code: &amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td height="0" scope="col"&gt;&lt;strong&gt;&lt;span class="style6"&gt;Telephone: &amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td height="0"scope="col"&gt;&lt;strong&gt;&lt;span class="style6"&gt;Fax: &amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;/td&gt;
      &lt;/tr&gt;
              &lt;tr&gt;
          &lt;td height="0" scope="col"&gt;&lt;strong&gt;&lt;span class="style6"&gt;How did you hear about us?: &amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;/td&gt;
      &lt;/tr&gt;
  
          &lt;td scope="col"&gt;&lt;span class="style6"&gt;&lt;strong&gt;Explanation of your legal situation: &lt;/strong&gt;&lt;/span&gt;&lt;strong&gt;&lt;span class="style4"&gt;&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td align="right"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td align="right" height="35"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td align="left" height="35"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>