Як зробити підказки html

Як підказати при наведенні на текст HTML?

Спливаюча підказка зазвичай використовується для короткого коментування змісту зображень і з'являється при наведенні на малюнок курсора миші. Додавання такої підказки відбувається за допомогою атрибуту title тега <img>. Як значення вказується текстовий рядок, укладений у лапки.

Як зробити спливаючу підказку CSS?

Для цього скористаємося псевдоелементом ::after, до якого додаємо content: attr(data-title). Вийде, що після вмісту елемента з класом photo виводитиметься текст з атрибуту data-title, що нам і потрібно.