<?xml 版本=“1.0”編碼=“iso-8859-1”?>
<!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 ">
<頭>
<title>無標題文件</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<樣式類型=“文字/css”>
內文{文字對齊：居中}
#外層{
寬度：60%；
背景：#ffffcc；
邊距：自動；
文字對齊：居中；
}
.內部{
寬度：100px；
高度：100px；
邊距：5px；
邊框：1px實心#000；
}
* html .inner {display:inline}/* 對於 ie */
html>body #outer {display:table}/*對於 Mozilla */
html>body .inner {display:table;float:left}/*對於 Mozilla */
@media all and (min-width: 0px){/* opera 7 樣式 */
html>body .inner {顯示：內聯塊；浮動：無；}
}
</風格>
</頭>
<正文>
<!-- 使用 xml 前言強制怪異模式 -->
<div id="外部">
<div class="inner">測試</div>
<div class="inner">2</div>
<div class="inner">3</div>
<div class="inner">4</div>
<div class="inner">5</div>
<div class="inner">6</div>
<div class="inner">7</div>
<div class="inner">8</div>
<div class="inner">9</div>
<div class="inner">10</div>
<div class="inner">11</div>
<div class="inner">12</div>
<div class="inner">13</div>
<br style="clear:兩者" />
</div>
</正文>
</html>