title: User registration form : tables VS list for layout
body: <p>I have to do a user registration form (classical layout with two columns, labels on the left, fields on the right). The labels can be displayed in English or French (therefore different label lengths are possible).</p>
  
  <p>At the HTML level, should I do:</p>
  
  <pre><code>&lt;form ...&gt;
  &lt;ul&gt;
  &lt;li&gt;
    &lt;label ...&gt;...&lt;/label&gt;
    &lt;input ... /&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>&lt;form ...&gt;
  &lt;table&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;label ...&gt;...&lt;/label&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input ... /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>?</p>
  
  <p>Personally I would go for <strong>table</strong> layout in that case, since I find easier to work with (vertical alignment between label and field), and it can easily adapt itself to the different labels length.</p>
  
  <p>However since several years, tables can generally be replaced with divs/lists to avoid table overuse for layout purposes. I can understand that (and prefer a good general layout organization with  layers instead of a bunch of nested table cells), but does this applies too to user registration forms?</p>
  
  <p>What would be your pros/cons?</p>