how to properly expand anchor tags when they contain children.

index.html

<!-- this anchor contains some other html elements as it's children. By default it will NOT
      expand to the size of its children. It's demensions in the browser will be 0x0 until you implement the correct css. -->
      
<a href="#someLink" class="some-link-button">
  <div class="button">Click here</div>
</a>

main.css

/**
 * You must make the anchor tag display block or even inline-block if you want to get fancy. Without
 * this, the anchor tag will always have demensions 0x0 no matter what you put in it.
 */
a.some-link-button {
  display: block;
}

.button {
  width: 300px;
  height: 50px;
}