解決在程式碼區塊不可<UL>和<OL>的問題

因為參考良人的大秘寶[筆記]在文章裡顯示優質的程式碼區，所以又依照自己的需求，作出了另外二種：

• 一個是可以顯示在DOS/Unix/Linux下的Command Line畫面的DOS；
• 另一個是顯示參考資料的REFERENCE。
• 最後一個是顯示程式碼的CODE。

不過，這三個都會有個另我很困擾的問題：無法在區塊內使用項目符號<UL>和編號<OL>。

在經過我棄而不捨的詢問國良先生後，他也確認這個問題後提出了解決方案，這篇文章就是在說如何解決這個問題。

問題的情況

即使程式寫成這樣
<reference><ul><li>No typing notifications. (API Limitation</li><li><a href="http://myjobspace.co.nz/images/pidgin/">Skype API Plugin for Pidgin/libpurple/Adium</a></li></ul></reference>
但顯示出來卻會顯示成這樣：

解決方法

就是要將
CODE { display: block; /* fixes a strange ie margin bug */...}
換成
#CODE { display: block; /* fixes a strange ie margin bug */...}

此外

因為CSS的語法規定：

• <code> 對應到 #code {}
• <DIV class="code"> 對應到 .code {}

所以，原本<code>的使用方式也要換成<DIV class="code">，就可以解決這個問題了。

不過，有一好就沒另一好，在編號前後卻會空出一段無法消除的空白，如圖：
良人的大秘寶[筆記]在文章裡顯示優質的程式碼區