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> 

Bit, как вы можете увидеть, что-то пошло не так.

<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; 
}