Всплывающая подсказка на CSS?

Question

[akerk]

Добрый день, хочу сделать всплывающая подсказка на CSS.
Вот оно: codepen.io/anon/pen/apGyeK?editors=1100 в правом верхнем углу.
Нужно чтобы при наведение на иконку оно появлялось.
И вот вопрос: Как прописать и что прописать<div class="icon1"></div> сюда или куда, чтобы все работало.

Answer 1

[whoisthere]

Вам сюда

Answer 2

[Ankhena]

2 тега, один за другим. Пусть первый будет <a>, а второй <span>.
Начальное состояние: span скрыт, например, с помощью display:none
При наведении используем соседние селекторы
a:hover + span {ваши стили для подсказки}

Answer 3

[Максим Тимофеев]

так?
codepen.io/anon/pen/EZLwdJ

Comments

[akerk]

Да,

[Максим Тимофеев]

akerk: Отмечайте ответом

[Максим Тимофеев]

akerk: Но проще использовать готовый решения, например: getbootstrap.com/javascript/#tooltips

Answer 4

[akerk]

Я подключил вышла такая штука, мне надо чтобы она выводилась при наводке на другой div. Это можно сделать?

Comments

[automatik]

дядя дядя веб-разработчик, а вы точно веб-разработчик?