代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>環繞方式</title>
<style type="text/css">
body{
margin:0px;
padding:0px;
}
.containerDiv{
margin: 0 auto;
padding: 10px;
width: 500px;
font-size: 28px;
border:1px solid #666666;
}
img{
border:0px;
}
.float img{
float: left;
}
</style>
</head>
<body>
<div class="containerDiv">
<p >
文字環繞是Microsoft Office Word軟件的一種排版方式，主要用於設置Word文檔中的圖片、文本框、自選圖形、剪貼畫、藝術字等對象與文字之間的位置關係。一般包括四周型、緊密型、襯於文字下方、浮於文字上方、上下型、穿越型等多種文字環繞方式。
</p>
<p class="float">
以Word2010軟件爲例介紹設置文本框文字環繞的方法：
第1步，打開Word2010文檔窗口，單擊選中文本框。在打開的“文本框工具/格式”功能區的“排列”分組中單擊“位置”按鈕。
第2步，在打開的位置列表中提供了嵌入型和多種位置的四周型文字環繞方式，如果這些文字環繞方式不能滿足用戶的需要，則可以單擊“其他佈局選項”命令。
<img src="images/monkey.png" />
第3步，打開“位置”對話框，切換到“文字環繞”選項卡。用戶可以看到Word2010提供了四周型、緊密型、襯於文字下方、浮於文字上方、上下型、穿越型等多種文字環繞方式。選擇合適的環繞方式，並單擊“確定”按鈕即可
</p>
</div>
</body>
</html>
