CSSPortal Playground Examples

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      p:first-letter {
	    font-size:2em;
	    color:green;
}
    </style>
  </head>
  <body>
    <h1>:first-letter Example</h1>
    <p>This is an example of the pseudo element :first-letter. The result should make the first letter of the paragraph larger in text size and the colour should be green.</p>
  </body>
</html>

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee