Tooltips
Tooltips are hidden snippets of information that show when the user hovers over.
Lorem ipsum tooltip
Lorem ipsum really loooooooooooong tooltip
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>