CSS在jsFiddle中工作，但只部分在jsFiddle + DIV之外工作

Question

我遇到了一個奇怪的問題 - 完全相同的標記在jsFiddle中工作正常，但是當我把它放在文本文件中時，只顯示標題並且沒有顯示實際的內容。

我見過其他類似的問題，但他們涉及jQuery（我現在還沒有使用）。

鏈接： http://jsfiddle.net/3BpRr/

編輯：

的jsfiddle因故<style type="text/css">兩次。我這樣做，它的工作。

第二個問題：

<div class="chatLine"> 
    <div class="chatName">John&nbsp;&nbsp;</div> 
    <div class="chatMsg">I am very hungry.</div> 
</div> 
    <br /> 
<div class="chatLine"> 

有什麼辦法放置在在線聊天DIV的<br />？我將需要使用JavaScript來創建/銷燬聊天線。

預先感謝您！