首页
CSS
CSS 浮动
示例
试用：设置段落首字母样式并使其左浮动
运行 ❯
获取您
自己的
网站
×
更改方向
保存代码
更改主题，深色/浅色
前往 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>
