Link além da palavra

Se você precisa de links em CSS marcados em todo o comprimento onde está o titulo dele e não só cobrindo a palavra a solução está abaixo.

LINK 1

LINK 2

LINK 3

PASSO 1
Copie e cole o código abaixo antes de </ head>

<style>
body {
FONT-FAMILY: Helvetica, Arial, sans-serif;
color:#000000;
text-align:left;
}
.link {
font-size: 21px;
cursor: pointer;
}

a {
display:block;
color:#054A72;
text-decoration:none;
}
a:hover {
color:#ffffff;
background: #054A72;
text-decoration:none;
}
</style>

PASSO 2
Copie e cole o código abaixo dentro da página </ body >

<div align="center"><a href="#">LINK 1</a></div><br>
<div align="center"><a href="#">LINK 2</a></div><br>
<div align="center"><a href="#">LINK 3</a></div>

DICA: Se quiser que o link CSS ocupe apenas a extensão da palavra retire do código display:block;