Tooltip on a link

Tooltip on inline element

Tooltip with data-placement

<p>Tooltip on a <a href="#" data-tooltip="Tooltip">link</a></p>
<p>Tooltip on <em data-tooltip="Tooltip">inline element</em></p>
<p><button data-tooltip="Tooltip">Tooltip on a button</button></p>
<-- Placement -->
<div><button data-tooltip="Top" data-placement="top">Top tooltip</button></div>
<div><button data-tooltip="Left" data-placement="left">Left tooltip</button></div>
<div><button data-tooltip="Right" data-placement="right">Right tooltip</button></div>
<div><button data-tooltip="Bottom" data-placement="bottom">Bottom tooltip</button></div>

Tooltips

Enable tooltips everywhere in pure HTML, without JavaScript.