css - タグ付きの分割

Answer 1

.downloadBoks a {
     display: block;
     height: 100%;
 }

これにより、正方形全体がクリック可能になります。デモ

Answer 2

aHTML5 では、タグにブロックを入れることができます。

<a href="Prosjektplan.pdf">
    <p class="downloadBoks">
        Prosjektbeskrivelse
    </p>
</a>

Answer 3

<a>div の内側の高さと幅を 100% にする必要があります。このようにして、それらは div のすべての内部を取得するため、div は「クリック可能」になります。

.downloadBoks a
{
    display:inline-block;
    height:100%;
    width:100%;
}