Introduction The styles in the head section style tags of this page (which should preferably be in a separate stylesheet) are:- #tooltip1 { position: relative; } #tooltip1 a span { display: none; color: #FFFFFF; } #tooltip1 a:hover span { display: block; position: absolute; width: 250px; background-color: #aaa; height: 50px; left: 100px; top: -10px; color: #FFFFFF; padding: 5px; } The html markup is:-

IntroductionIntroduction to HTML and CSS: tooltip with extra text