html style 的效果為什麼不能正常顯示？

我在看 head first HTML with CSS XHTML，在第一章的例題，我文本編輯如下

而用瀏覽器打開則是如下效果：

但是如果複製黏貼原書提供代碼，就能正常顯示效果，比較不解，求問原因。

（我的電腦是 OS X 10.10.2）

兩處 Starzbuzz Coffee 後面應該跟英文的單引號 而不是中文的 』 ，還有 &