Bottom tooltip message

The trick here is to use content: attr(data-tooltip); which is getting data from the data-tooltip attribute.

<div>
Hello! <span data-tooltip="Hello from tooltip">Hover me!</span>.
Here is <span data-tooltip="Goodbye!">another one</span>.
</div>

Sources

You saw it on CSSPoo first!