HTML和CSS代碼如下：
<html>
<head>
<style type="text/css">
img
{
float:right;
clear:both;
}
</style>
</head>
<body>
<p>在下面的段落中，我們添加了一個樣式為 <b>float:right</b> 的圖像。結果是這個圖像會浮動到段落的右側。</p>
<div style="width:0px;height:20px;float:right"></div>
<img src="/i/eg_cute.gif" />
<p>
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</p>
</body>
</html>
效果如下：
測試地址：
http://www.w3school.com.cn/tiy/t.asp?f=csse_float