Tooltip with CSS3

tooltip.html

<a href="#" data-tooltop="This is a tooltip!">a link</a>
<style type="text/css">
    a:hover:after {
        content: attr(data-tooltip);
        position: absolute;
        top: 20px;
        left: 0;
    }
</style>