Home/ Questions/Q 3239850
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-17T18:01:04+00:00

I have html with code below: <pre> | Date Offense | Count | Title,

  • 0

I have html with code below:

<pre>
                                      |       Date Offense |       Count |
   Title, Section & Nature of Offense |          Concluded |   Number(s) |
--------------------------------------------------------------------------
              18:2113(a)-BANK ROBBERY |   January 27, 2009 |           I |
--------------------------------------------------------------------------

</pre>

It works perfect in a simple page, but when I have added css with font-family defination,
it performs ugly, the format is not tidy any more.

Any suggestions? Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You must use a monospace font (also known as typewriter font). That is a font in which all the characters take the same space.

    In CSS the font name monospace is translated to the default monospace font on the user system. It’s good practice to include monospace at the end of a font-familly list for the <pre> element so that it can be used as a fallback.

    For instance:

    pre {font-family: Consolas,monospace}

    will use the Consolas monospace font if it’s available or fallback to the default.

    • 0