<span class="has-underline" data-tooltip="Tooltip up!" data-tooltip-pos="up">Tooltip Up</span>
<span class="has-underline" data-tooltip="Tooltip right!" data-tooltip-pos="right">Tooltip Right</span>
<span class="has-underline" data-tooltip="Tooltip down!" data-tooltip-pos="down">Tooltip Down</span>
<span class="has-underline" data-tooltip="Tooltip left!" data-tooltip-pos="left">Tooltip Left</span>