title: <pre> tag and css font-family
body: <p>I have html with code below:</p>
  
  <pre><code>&lt;pre&gt;
                                        |       Date Offense |       Count |
     Title, Section &amp; Nature of Offense |          Concluded |   Number(s) |
  --------------------------------------------------------------------------
                18:2113(a)-BANK ROBBERY |   January 27, 2009 |           I |
  --------------------------------------------------------------------------
  
  &lt;/pre&gt;
  </code></pre>
  
  <p>It works perfect in a simple page, but when I have added css with <strong>font-family</strong> defination,
  it performs ugly, the format is not tidy any more. </p>
  
  <p>Any suggestions? Thanks!</p>