title: CSS link to cover div block
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/1516552/link-into-full-div-html-and-css">Link into full div - html and css</a>  </p>
  </blockquote>
  
  
  
  <p>I'm trying to construct CSS where the <code>&lt;a&gt;</code> tag covers an entire <code>&lt;div&gt;</code> block, so that anywhere on the <code>&lt;div&gt;</code> can be clicked.</p>
  
  <p>Here's how the final div should look (image is 64×64px):</p>
  
  <p><img src="https://i.stack.imgur.com/uv83M.jpg" alt="enter image description here"></p>
  
  <p>Here's the HTML:</p>
  
  <pre><code>    &lt;div&gt;
          &lt;img src="" alt=""/&gt;
          &lt;h3&gt;&lt;a&gt;On The Beach&lt;/a&gt; &lt;span class="exclusive"&gt;Exclusive&lt;/span&gt;&lt;/h3&gt;
          &lt;span class="details"&gt;Save 10% off all package holidays&lt;/span&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Any CSS guru's help?</p>