title: Tabular layout: improve design?
body: <p>I'm designing a form: image and code below.  There are about 30 more sections like this, and I just need the inputs (right) to align to the list (center).  What's the best way to do this?  Can I just alter my table HTML to make it work?</p>
  
  <p><a href="http://img85.imageshack.us/img85/2199/screenshot20091227at719.png" rel="nofollow noreferrer">Layout http://img85.imageshack.us/img85/2199/screenshot20091227at719.png</a></p>
  
  <pre><code>            &lt;table border="1"&gt;
  
                  &lt;thead&gt;
                      &lt;tr&gt;
                         &lt;th&gt;Category&lt;/th&gt;
                         &lt;th&gt;Risk Factors&lt;/th&gt;
                         &lt;th&gt;Hours per Day&lt;/th&gt;
                      &lt;/tr&gt;
                  &lt;/thead&gt;                 
                  &lt;tbody&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;strong&gt;Repetition&lt;/strong&gt;
                              &lt;p&gt;Finger, Wrist, Elbow, Shoulder or Neck Motions&lt;/p&gt;
                          &lt;/td&gt;
                          &lt;td&gt;
                              &lt;ol&gt;
                                  &lt;li&gt;&lt;strong&gt;Identical or Similar Motions Performed Every Few Seconds&lt;/strong&gt;&lt;br /&gt;Motions or motion patterns that are repeated every 15 seconds or les. (Keyboard us is scored below as a separate risk factor.)&lt;/li&gt;
                                  &lt;li&gt;&lt;strong&gt;Insensitive Keying&lt;/strong&gt;&lt;br /&gt;Scored Separately from other repetitive tasks in the repetition category and includes steady pace as in data entry.&lt;/li&gt;
                                  &lt;li&gt;&lt;strong&gt;Intermittent Keying&lt;/strong&gt;&lt;br /&gt;Scored Separately from other repetitive tasks. Keyboard or other input activity is regularly alternated with other activities for 50 to 75 percent of the work.&lt;/li&gt;
                              &lt;/ol&gt;
                          &lt;/td&gt;
                          &lt;td&gt;
                              &lt;input autocomplete="off" size="2" type="text" name="a_1" id="a_1" class="text-input" value="&lt;?php print $this-&gt;validation-&gt;a_1?&gt;"/&gt;
                              &lt;input autocomplete="off" size="2" type="text" name="a_2" id="a_2" class="text-input" value="&lt;?php print $this-&gt;validation-&gt;a_2?&gt;"/&gt;
                              &lt;input autocomplete="off" size="2" type="text" name="a_3" id="a_3" class="text-input" value="&lt;?php print $this-&gt;validation-&gt;a_3?&gt;"/&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/table&gt;
  </code></pre>