всплывающая подсказка html

Ответ от Ёедьмой[гуру]
Например так:
< ! DOCTYPE html>
< html >
< head >
< meta http-equiv = "content - type" content = "text / html; charset = utf-8 " >
< title > CSS Rollovers for tooltips< / title >
< style type = " text / css ">
body {font: normal 14px/20px verdana;}
a:hover {background-color: #333;color:#fff;}
p.link a:hover {background-color: #2B2E21;;color:#fff;}
p.link a:link span{display: none;}
p.link a:visited span{display: none;}
p.link a:hover span {
position: absolute;
margin:15px 0px 0px 20px;
background-color: beige;
max-width:220;
padding: 2px 10px 2px 10px;
border: 1px solid #C0C0C0;
font: normal 10px/12px verdana;
color: #000;
text-align:left;
display: block;}
< / style >
< / head >
< body >
< p class = "link" > < a href = ""> link 1 < span >Tooltip1: This link demo< / span> < / a> < / p >
< / body >
< / html >