title: Alternative to nested anchor tags
body: <p>I'm trying to build a table where each cell's content is wrapped with an <code>A</code> tag set to full height and width, so that the entire cell is clickable.</p>
  
  <p>But some of the cells need to have additional links in their content.</p>
  
  <p>The solution that immediately jumps out is to nest the <code>A</code> tags, like so:</p>
  
  <pre><code>&lt;td&gt;
     &lt;a href="#" class="cell" &gt;
        Officers include:
        President, Vice president, Secretary, Treasurer,
        &lt;a href="#"&gt;7 others&lt;/a&gt;
     &lt;/a&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>But nested <code>A</code> tags are illegal.  Is there any workaround that would allow me to achieve the desired effect?</p>