Membuat Tooltip Dengan :before dan :after

Apa kabar sahabat? kali ini saya akan memberikan tutorial Cara Membuat Tooltip dengan pseudo elements :before dan :after. Untuk lebih memahami pseudo class dan pseudo elements (baca: Mengenal Pseudo Class dan Pseudo Elements) dan untuk lebih memahami cara kerja :before dan :after (baca: Menggunakan :before dan :after dalam CSS).

Tutorial kali ini, karena banyaknya request dan pertanyaan,