<html> <head> <style type="text/css"> p:first-letter { color: #ff0000; font-size:xx-large } p:first-line { color: #0000ff; font-variant: small-caps } </style> </head> <body> <p> You can combine the :first-letter and :first-line pseudo-elements to add a special effect to the first letter and the first line of a text! </p> </body> </html>
Your Result:
Edit the code above and click to see the result.
W3Schools.com
- Try it yourself