測試 inline-block。
- 風格用法：
子曰：<span style='background:#733'>
學而時習之，<br />不亦說乎？</span>記性差
<p><br />
子曰：<span style='display:inline-block; background:#733'>
人不知而不慍，<br />不亦君子乎？</span>沒人愛 - 執行結果：子曰：
學而時習之，
不亦說乎？記性差
子曰： 人不知而不慍，
不亦君子乎？沒人愛
測試 list-item。
- 風格用法：
<style type='text/css'>
.lst {display:list-item;
list-style-type:decimal;
}
</style>
<span class=lst>射擊遊戲：<p>大戰火星人。</span>
<span class=lst>競速遊戲：<p>狂飆快艇。</span> - 執行結果：
射擊遊戲：
大戰火星人。 競速遊戲：
狂飆快艇。
- 上例的項目數字，在 IE6 是 2, 1；在 Firefox, Safari, Chrome 是 3, 4。
測試 run-in。
- 風格用法：
<style type='text/css'>
.inl { width:250px; background:#337; font-size:80% }
</style>
<h3 style='display:run-in'>John F. Kennedy said:</h3>
<span class=inl>ask not what your country can do for you </span>
- ask what you can do for your country.
<p>
<h3 style='display:run-in'>John F. Kennedy said:</h3>
<div class=inl>ask not what your country can do for you </div>
- ask what you can do for your country. - 執行結果：
John F. Kennedy said:
ask not what your country can do for you - ask what you can do for your country.John F. Kennedy said:
ask not what your country can do for you- ask what you can do for your country.
- 上例，IE6, Firefox3.0 無法展現。IE8, Safari, Chrome 都正常展現。
| display（你正在看 第二頁） | : | 第一頁 | 第二頁 | 第三頁 |
