Créer une info bulle en css

Comment créer une info bulle avec l'utilisation du CSS. Passer votre souris ici. Je suis une info bulle simple et personnalisable.

Code css

a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#FFF
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}

Code html

<a class="info" href="#">texte du lien<span>Votre texte de l'info bulle</span></a>
Voir/déposer un commentaire (20) | Signaler un problème