<?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" />
<style type="text/css">
本文 {text-align:center}
#アウター {
幅:60%;
背景:#ffffcc;
マージン:自動;
テキスト整列:中央;
}
.inner {
幅:100ピクセル;
高さ:100ピクセル;
マージン:5px;
ボーダー:1px ソリッド #000;
}
* html .inner {display:inline}/* ie の場合*/
html>body #outer {display:table}/*mozilla の場合 */
html>body .inner {display:table;float:left}/*mozilla の場合 */
@media all および (min-width: 0px){/* opera 7 スタイル */
html>body .inner {display:inline-block;float:none;}
}
</スタイル>
</head>
<本文>
<!-- XML プロローグを使用して quirks モードを強制する -->
<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>
</body>
</html>