Input
Output
<!DOCTYPE html> <html> <head> <style> h1::before { content: "👉 "; color: red; } h1::after { content: " ✅"; color: green; } p::first-letter { font-size: 200%; color: crimson; } p::first-line { font-weight: bold; color: navy; } ::selection { background: yellow; color: black; } </style> </head> <body> <h1>Pseudo-element Example</h1> <p>This paragraph shows how the first letter is larger and crimson, and the first line is bold and navy. Try selecting this text to see the selection effect.</p> </body> </html>