title: How to make a whole 'div' clickable in html and css without JavaScript?
body: <p>I want to make it so that a whole div is clickable and links to another page when clicked without JavaScript and with valid code/markup.</p>
  
  <p>If I have this which is what I want the result to do - </p>
  
  <pre><code>&lt;a href="#"&gt;
  &lt;div&gt;This is a link&lt;/div&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>The W3C validator says that block elements shouldn't be placed inside an inline element. Is there a better way to do this?</p>