Comment faire un <a href= sur deux lignes ?

Bonjour,:D
Je voudrais savoir s'il est possible (et si oui, comment) faire un href sur deux lignes.
Pour être + clair voici un extrait de code :

Code:

---

1 2	<a href="#" class="vertical">Rennes (10km alentour)</a>

---

et je voudrais que

Code:

---

Rennes

---

et

Code:

---

(10km alentour)

---

soit sur deux lignes, tout en étant le même lien bien sur...
Merci d'avance:P

Bon je crois que je suis un peu :zzz:
Il suffit de :

Code:

---

<a href="#" class="vertical">Rennes</br>(10km alentour)</a>

---

Mais si quelqu'un connait une autre possibilité, n'hésitez pas (parce avec cette méthode ça me fout un peu dedans
pour la mise en page : les deux lignes se superposent en partie :( )

Code:

---

1 2 3 4 5

<a href="#" class="vertical"> <p>Rennes</p> <p>(10km alentour)</p> </a>

---

?

Citation:

---

Envoyé par mimagyc

Code:

---

1 2 3 4 5

<a href="#" class="vertical"> <p>Rennes</p> <p>(10km alentour)</p> </a>

---

?

---

Non les liens ne peuvent contenir que des éléments inline.

Citation:

---

(parce avec cette méthode ça me fout un peu dedans
pour la mise en page : les deux lignes se superposent en partie )

---

Si c'est le cas, ça pourrait venir d'un line-height trop faible.
Attribuer un line-height de 1.5em (ou une autre valeur suffisante) au lien et tester.

Merci beaucoup Erwan31 !
Effectivement en jouant la dessus, ça ne se chevauchent plus !
:king:

(n'oublies pas de cliquer sur le bouton résolu en bas de la page de ce topic ;))