Highlight.js在Haskell失敗？

Question

我使用Highlight.js在my Site與Monokai.css主題。 查看更多：

<link rel="stylesheet" href="../../css/styles/monokai.css"> 
<script src="../../js/highlight.pack.js"></script> 
<script>hljs.initHighlightingOnLoad();</script> 

有點像你可以看到的，出了點問題。

<pre> 
    <code class="haskell"> 
    {-# OPTIONS_GHC -Wall #-} 
    euclid :: Int -> Int -> Int 
    euclid a b 
     | a == 0 = b 
     | b == 0 = a 
     | a > b  = euclid (a-b) b 
     | otherwise = euclid a (b-a) 
    </code> 
</pre> 

爲什麼顯示不正確？

Answer 1

在我的DOM資源管理器中看到這變成

<code class="haskell hljs"> 
     <span class="hljs-pragma">{-# OPTIONS_GHC -Wall #-}</span> 
     euclid :: <span class="hljs-type">Int</span> -&gt; <span class="hljs-type">Int</span> -&gt; <span class="hljs-type">Int</span> 
     euclid a b 
      | a == <span class="hljs-number">0</span> = b 
      | b == <span class="hljs-number">0</span> = a 
      | a &gt; b  = euclid (a-b) b 
      | otherwise = euclid a (b-a) 

     </code> 

那些跨距從線143 http://tekkkz.com/css/style.css以下規則應用，這打亂了它們的大小和位置。禁用，這使我看起來很好。

.content span { 
    float: left; 
    padding-right: 50px; 
}