How to use css to change <pre> font size

html css font-size pre
user289346 picture user289346 · Mar 28, 2010 · Viewed 69.6k times · Source 
pre{font-family:cursive;font-style:italic;font-size:xxx-small}

How to change pre font size?

Answer

Chris R picture Chris R · Nov 29, 2010

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>

Related questions

Is there such a thing as min-font-size and max-font-size?

I'm trying to make a font in a div responsive to the browser window. So far, it has worked perfectly, but the parent div has a max-width of 525px. Resizing the browser further will not make the font stop resizing. …

Read More
How to set min-font-size in CSS

I want to set a minimum font size to every element in my HTML page. For example if there are elements with font-size less then 12px, then they will change to 12px. But if there are elements with font-size grater …

Read More
How can I set the font-family & font-size inside of a div?

This is my complete test html: <!DOCTYPE> <html> <head> <title>DIV Font</title> <style> .my_text { font-family: Arial, Helvetica, sans-serif font-size: 40px; font-weight: bold; } </style> </…

Read More