info sur lien

Salut à tous,

J'essai d'afficher un message quand le curseur se positionne sur un lien.

Voici le code que j'utilise:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 <style> a.info { position: relative; } a.info span { display: none; } a.info:hover { background: none; } a.info:hover span { font-size: 11px; font-family: "Trebuchet MS"; text-align: center; display: inline; position: absolute; top: 4em; left: 0em; padding: 2px; border: 2px solid #804000; background: #F0F0FF; color: black; } </style> <p><a class="info" href="#">le lien <span>Test mise en place info sur lien</span></a></p>
Le problème c'est que chaque mot est écrit sur une nouvelle ligne. J'aimerais savoir comment faire pour afficher une cadre de la taille du texte. (Sans renseigner le width avec une taille fixe).

Merci pour votre aide.