Edit in JSFiddle

<div class="demo">
 <p>Пример работы простой подсказки выполненной с помощью CSS3 и HTML5. При наведении на <a href="#" data-tooltip="Я простая но очень нужная порой подсказка на CSS3">ссылку</a> появляется подсказка. Удобно использовать не прибегая к помощи специальных javascript и дополнительных плагинов. Данный метод вывода подсказки к ссылке, поддерживается всеми <a href="#" data-tooltip="Firefox, Chrome, Opera, Safari и IE10+ и даже старые версии IE, справляются с поддержкой, правда скругление углов и прозрачность вы в них не увидите">современными браузерами</a>.</p>
</div>

a { 
    border-bottom:1px solid #bbb;
    color:#666;
    text-decoration:none;
}
a:hover,
a:focus {
    color:#36c;
}
a:active {
    top:1px; 
}
/* ссылка с подсказкой, как встроенный элемент с относительным позиционированием */
a[data-tooltip] {display:inline-block;position:relative;} 

/* формируем указатель подсказки */
a[data-tooltip]:hover:after {
    border-top: 8px solid #006104;
    border-top: 8px solid hsla(110,100%,17%,.9);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: 18px;
    content: "";
    height: 0;
    width: 0;
    left: 25px;
    position: absolute;
}
/* формируем тело подсказки */
a[data-tooltip]:hover:before {
    background: #006104; /* для старых браузеров */
    background: hsla(110,100%,17%,.9);
    bottom: 26px;
    color: #f6f6f6;
    content: attr(data-tooltip);/* Часть кода, определяющая содержимое всплывающей подсказки */
    font-family: sans-serif;
    font-size: 14px;
    width: 250px; /* устанавливаем необходимую фиксированную ширину, слова будут переноситься */
    left: 0;
    padding: 5px 10px;
    position: absolute;/* обязательно позиционирум абсолютно */
    text-shadow: 0 1px 1px hsla(0,0%,0%,1);/* тень для текста */
    /* по желанию - скругляем углы тела подсказки */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.demo {
    width: 450px;
    margin: 5% 5%;
    font-family: "Trebuchet MS",Tahoma,Arial,sans-serif;
}