How to use css to change <pre> font size

Question

pre{font-family:cursive;font-style:italic;font-size:xxx-small} 

How to change pre font size?

Answer 1

While the font-size cannot be changed for text directly inside pre tags, you can always wrap that text in another element (a span, for example) and change the font size of that element.

For example (this is inline-styles, but could be put in CSS if you wanted):

<pre><span class="inner-pre" style="font-size: 11px"> Blah blah Multiple lines and no br's! Oh yeah! </span></pre> 

Answer 2

Your issue is probably due to Courer being used as the default font, if you set Courier New as the preferred font it should be fine.

The following works fine in both Firefox & IE

pre {    font-family: "courier new", courier, monospace;    font-size: 11px; }