Tooltips

Tooltips are hidden snippets of information that show when the user hovers over.

Code

To use a tooltip, add an element with the class .tooltip and use data-text="" to specify the tooltips text.

				
<p>Lorem ipsum <span class="tooltip" data-text="Hello">tooltip</span></p>
<p>Lorem ipsum <span class="tooltip" data-text="Hello">really loooooooooooong tooltip</span></p>