Edit the code below and click the button to see the results on the right.
See the Results
<html> <head> <style type="text/css"> <!-- div { width:200px } div:first-letter { font-weight:bold; font-size:36pt; color:teal; padding:3px; float:left } --> </style> <title>Pseudo-Elements</title> </head> <body> <div>The text of this element flows around the right side of the first letter since the letter has a 'float:left' declaration.</div> </body> </html>