現在的 web 版為了保存空白與 newline 而使用 white-space: pre;
#main-content {
position: relative;
white-space: pre;
}
但是這樣造成文字不會自動折行，遇到單行很長的文章讀起來很辛苦。
如果改成 white-space: pre-wrap; 則可以在保存空白與 newline 的情況下自動折行。
https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
pre-wrap 支援度只差 IE 6/7，如果要考慮 IE 6/7 也可以幫它們 fallback 成 pre。