<?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>