Home
CSS
CSS Float
Examples
Tryit: Style the first letter of a paragraph and let it float left
Run ❯
Get your
own
website
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <head> <style> span { float: left; width: 0.7em; font-size: 400%; font-family: algerian, courier; line-height: 80%; } </style> </head> <body> <h2>Style the first letter of a paragraph and let it float left</h2> <p> <span>H</span>ere, the first letter of this text is embedded in a span element. The span element has a width that is 0.7 times the size of the current font. The font-size of the span element is 400% (quite large) and the line-height is 80%. The font of the letter in the span will be in "Algerian". </p> </body> </html>
