title: how to turn a whole <tr> into a link
body: <p>I have the following code:</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;
      &lt;td&gt;&lt;a href="#"&gt;some text&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;some more text&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I am trying to turn the whole row of this table into a hyperlink, however I do not want to use the JavaScript mouse event as i am restricted from using JavaScript. I have tried using CSS but only found ways to make an individual  into a hyperlink by going: <code>a href style="display block;"</code> , does anyone know a css way to turn the whole row into a hyperlink?</p>