源代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>编程字典</title> </head> <body> <p><strong>浮动图片到右边:</strong></p> <p> <img src="examples/smiley.gif" alt="Smiley face" style="float:right;width:42px;height:42px;"> 一个段落有一个浮动图片，一个段落有一个浮动图片，一个段落有一个浮动图片，一个段落有一个浮动图片。 </p> <p><strong>浮动图片到左边:</strong></p> <p> <img src="examples/smiley.gif" alt="Smiley face" style="float:left;width:42px;height:42px;"> 一个段落有一个浮动图片，一个段落有一个浮动图片，一个段落有一个浮动图片，一个段落有一个浮动图片。 </p> <p>请使用CSS浮动属性，对齐属性在HTML4中被废除，HTML5 不支持。</p> </body> </html>
运行结果