title: How can I make a link inside a div fill the entire space inside the div?
body: <p>I have a <code>div</code> that has a set width and it is wrapped around a link. I want the link inside to fill the entire space of the <code>div</code> so that when I click anywhere inside the <code>div</code> (which I have styled to look like a button) it goes to the link. This is what I have tried, but <code>.link_class</code> doesn't do what I want. Any suggestions?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="button_class"&gt;
      &lt;a class="link_class" href="http://www.my_link.com&gt;My Link&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.button_class {
      width:150px;
      padding:5px 7px;
      color:#fff;
      text-align:center;
      -webkit-border-radius:3px;
      -moz-border-radius:3px;
      border-radius:3px;
  }
  
  .link_class {
      width:100%;
      height:100%;
  }
  </code></pre>