divタグとaタグで擬似ボタンを作る方法です。

基本編

ポイントとしてはcssのpositionプロパティです。
relativeとかの説明は割愛します。
top,left,width,heightによりaタグがdiv全体に広がります。

aタグの中身をキャプションとするとdivの中身が何もないことになるので、(※)
span.captionでキャプションを表現しています。
※absoluteだとdivの中身として判定されない模様

See the Pen EVRWga by HIROMITSU Daisuke (@daisuke718) on CodePen.

応用編

基本編だけだとあまり旨みが無いのですが、
このやり方の良いところはdivの中に何を入れてもクリック要素がdiv全体になるところです。

以下のようにすることで、画像(今回はspanですが)付きのボタンにすることもできます。

See the Pen bVKqgK by HIROMITSU Daisuke (@daisuke718) on CodePen.