<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>::before and ::after Pseudo-element</title> <style> h1::before { content: url("examples/resources/bullet.png"); } h1::after { content: "..."; } </style> </head> <body> <h1>Happy Morning</h1> <p><strong>Note:</strong> This is a first paragraph.</p> </body> </html>