.horr {
outline: none;
cursor: alias;
position: relative;
}
.horr span {
margin-left: -999em;
position: absolute;
}
.horr:hover span {
border-radius: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
position: absolute; left: 1em; top: 2em; z-index: 99;
margin-left: 0; width: 250px;
background: -moz-linear-gradient(center top , #9CB6C5, green) repeat scroll 0 0 transparent;
border: 3px solid grey;
color:#fff;
padding: 5px;
}
Contoh :
<a href="#" class="horr">lfajfall<span><b>jflafjla</b>.jafjafkafljkfjalfja...</span></a>
