<?xml version="1.0" encoding="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">
เนื้อความ {การจัดตำแหน่งข้อความ: กึ่งกลาง}
#นอก {
ความกว้าง: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 และ (ความกว้างขั้นต่ำ: 0px){/* opera 7 styles */
html>body .inner {จอแสดงผล:อินไลน์บล็อก;ลอย:ไม่มี;}
}
</สไตล์>
</หัว>
<ร่างกาย>
<!-- บังคับโหมดนิสัยแปลกโดยใช้ xml pro-logue -->
<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:both" />
</div>
</ร่างกาย>
</html>