This is an example from the Filament Group Lab Article: Image-free CSS Tooltip Pointers - A Use for Polygonal CSS?

©2013 Filament Group, Inc. All Rights Reserved.

Here's a paragraph with a tooltip on top of it. Centered Tooltip! The pointer portion uses no images - only CSS - and is entirely themable by the jQuery UI CSS Framework!

Here's a paragraph with a tooltip on top of it. Left Tooltip! The pointer portion uses no images - only CSS - and is entirely themable by the jQuery UI CSS Framework!

Here's a paragraph with a tooltip on top of it. Right Tooltip! The pointer portion uses no images - only CSS - and is entirely themable by the jQuery UI CSS Framework!