title: Using the label tag for multiple rows in a table with a multi-row table-cell
body: <p>I have a table with checkboxes in it, and the cells in each checkbox row contain information about what that checkbox is about. So I wanted to use <em>label</em> for the rows but, as far as I know, you can't use <em>label</em> between <em>table</em> and <em>td</em> tags.</p>
  
  <p>Then I made a CSS-table version of the same thing and it worked properly. I styled <em>label</em> as a table-row, the cells were properly aligned, and clicking them would check/uncheck the checkbox.</p>
  
  <p>Now the problem: I want the checkbox to span across multiple rows.</p>
  
  <p><a href="http://jsfiddle.net/odraencoded/YaS5v/" rel="nofollow">http://jsfiddle.net/odraencoded/YaS5v/</a> - The HTML table version has the rowspan attribute, but I can't use <em>label</em> in a single row let alone multiple rows.</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td rowspan=2&gt;&lt;input type=checkbox /&gt;&lt;/td&gt;
      &lt;td&gt;...&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;...&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/odraencoded/EKzXv/" rel="nofollow">http://jsfiddle.net/odraencoded/EKzXv/</a> - The CSS table version lets me use <em>label</em> but I can't find a way to set the rowspan.</p>
  
  <pre><code>&lt;div style="display: table;"&gt;
    &lt;label style="display: table-row-group;"&gt;
      &lt;span style="display: table-row;"&gt;
        &lt;span style="display: table-cell;"&gt;
          &lt;input type="checkbox" /&gt;
        &lt;/span&gt;
        &lt;span...&gt;...&lt;/span&gt;
      &lt;/span&gt;
      &lt;span...&gt;&lt;span...&gt;...&lt;/span&gt;&lt;/span&gt;
    &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there any way to have a label tag containing multiple rows? And one of the cells it contains is the input checkbox the label is for? And that input checkbox cell should span across all rows contained by the label? Anyway for that?</p>