title: Is it possible to change the clickable area of links using CSS?
body: <p>I have a code block looking something like this:</p>
  
  <pre><code>&lt;p class="cont"&gt;
   &lt;a href="otherpage.php" class="link"&gt;&lt;img src="test.jpg" alt="" width="100" height="100"/&gt;&lt;/a&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>and I've got some CSS like this:</p>
  
  <pre><code>.cont {
    width:200px;
    height:200px;
  }
  .cont:hover {
    background-color:#CCC;
  }
  </code></pre>
  
  <p>My question is, if it's possible to change the size of the link area, so that it takes up the whole <p> area thus making it clickable - not only the image. I've tried giving width and height to the .link class and use display:block but it doesn't do the trick. Is it even possible?</p>