Some simple tips. Different position, always centered:
Default (top) | Bottom | Left | Right
You can place it also inside the target element: Try me
A customized tip. Not centered, bigger arrow, customized content:
An advanced (and very cool!) tip. HTML content:
You can show tooltip on focus instead of cursor events:
Read Javascript comments on this demo or see docs for more!