title: Table...aligning cells and input boxes
body: <p>I am creating 1 of 3 nested tables within the <code>&lt;form&gt;</code> tag in my HTML document. I inserted input fields to create the text boxes to the right of the text. That all works my only problem is that the following cells: "First Name, Last Name, Address, City, State, Zip Code, and County" are not directly under one another in such a way as to keep the cells aligned and the text boxes aligned. How do I align each section? I hope I am explaining this well if not please ask for further clarification. Any help on this minor problem would be greatly appreciated. </p>
  
  <p>Here's my code so far so you can see what I did:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8" standalone="no" ?&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd"&gt;
  
  &lt;head&gt;
  &lt;img src="j0182695_downsized.jpg" alt="Oatmeal Raisin cookies" style="float: left" &gt;
  
  &lt;/head&gt;
  
  
  &lt;body background="back-225.gif"&gt;
  &lt;h1 style="text-align: center; color: red; font-family: Arial, Helvetica, sans-serif;"&gt;Cookies&lt;/h1&gt;
  
  &lt;table width="500" border="0"&gt;
      &lt;tr&gt;
          &lt;td align="center"&gt;&lt;a href="about.htm"&gt;About Us&lt;/a&gt;&lt;/td&gt;
          &lt;td align="center"&gt;&lt;a href="mailto:cookiemaster@example.com"&gt;Contact Us&lt;/a&gt;&lt;/td&gt;
          &lt;td align="center"&gt;&lt;a href="orderform.htm"&gt;Place an Order&lt;/a&gt;&lt;/td&gt;
          &lt;td align="center"&gt;&lt;a href="recipe.htm"&gt;Sample Recipe&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;form name="Web Order Form" id="Web Order Form"&gt;
  &lt;table border="0" cellpadding="2" width="65%"&gt;
      &lt;tr&gt;
          &lt;td&gt;Personal Information&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;First Name:
          &lt;input name="fname" id="fname" size="30" type="text"   /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Last Name:
          &lt;input name="lname" id="lname" size="30" type="text"  /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Address:
          &lt;input name="address" id="address" size="30" type="text"  /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;City:
          &lt;input name="city" id="city" size="35" type="text"  /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;State:
          &lt;input name="state" id="state" size="3" type="text"  /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Zip Code:
          &lt;input name="zip" id="zip" size="10" type="text"  /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Country:
          &lt;input name="country" id="country" size="10" type="text"  /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/form&gt;
  </code></pre>