HTML CSS examples for CSS Widget:Tooltip
Tooltip Speech bubble with a background and arrow at top-center
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> #talkbubble {<!--from w w w.j a v a 2 s .c o m--> width: 120px; height: 80px; margin-top:20px; margin-left:40px; background: red; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #talkbubble:before { content:""; position: absolute; top: -20px; left:40%; width: 0; height: 0; border-bottom: 26px solid red; border-right: 13px solid transparent; border-left: 13px solid transparent; } </style> </head> <body> <div id="talkbubble"></div> </body> </html>