Edit in JSFiddle

a[title]:hover {
    position: relative;
}
a[title]:hover:after {
    position: absolute;
    left: 50%;
    top: 100%;
    padding: 4px;
    background: grey;
    white-space: nowrap;
    z-index: 20px;
    -webkit-transform: translateX(-50%);
    content: attr(title);
}

<a href="#" title="arriba">¿Abajo o arriba?</a>