title: Best practice for form layout in html -- table or flow?
body: <p>What is considered the best practice for laying out forms in html? Specifically where you have a set of fields with labels, and possible error indicators. The best I can do is use a table, but that doesn't work real well in a css oriented layout design. For example:</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td&gt;Name:&lt;/td&gt;
      &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
      &lt;td style="display: none" id="NameError"&gt;*&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Phone:&lt;/td&gt;
      &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
      &lt;td style="display: none" id="PhoneError"&gt;*&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Birthday:&lt;/td&gt;
      &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
      &lt;td style="display: none" id="BirthdayError"&gt;*&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>This doesn't seem very CSS, but I am not sure how to use a css oriented layout to make this work right.</p>
  
  <p>What would be considered best practice?</p>