링크 클릭 가능 영역 늘리기 - HTML/CSS

나쁜

<div>
  <a href="#">
    <img src="image.jpg">   
  </a>
  <h2>
    <a href="#">text</a>
  </h2>
</div>

못난이

<a href="#">
  <img src="image.jpg"> 
  <h2>
    text
  </h2>
</a>

더 굿

<div>
  <img src="image.jpg"> 
  <h2>
    <a href="#">text</a>
  </h2>
</div>

<style type="text/css">
  div {
    position: relative;
  }

  a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</style>