css - divの総面積をリンクにする

Question

divの総面積をリンクにする正しい方法は何ですか?

小さなタイルである が複数divあり、 の合計面積をdivリンクにしたい。

アンカー タグspanを内側にラップする必要がありますか、それともこれを行う最善の方法は何ですか?

<div class="l-box">
    <h3>Service 1</h3>
    <p>Service description</p>
</div>
<div class="l-box">
    <h3>Service 2</h3>
    <p>Service description<</p>
</div>