Agency mobile menu
Back to Articles
B2B Articles
December 30, 2013
By:Ironpaper

Make < pre > text wrap with CSS

The <pre> tag text does not wrap by default. This can frustrate web designers trying to employ the pre tag as they witness it's bad behavior within a site layout.

There are two solutions for working with <pre> text. One idea is to make the "pre" text wrap, as we do in this blog. Another idea is to give the "pre" text an overflow property to hide the excess content or make it scrollable.

Here is how to tackle wrapping the <pre> text:

pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }

Related Articles

b2b marketing
Winning the ESG Buyer: Clean Energy’s Marketing Opportunity
b2b sales
Decoding Buyer Indecision: Strategies That Drive Action
lead generation
Marketing Strategies in Healthcare Technology: Leveraging Data-Driven Campaigns to Connect and Drive Adoption
content marketing
Generative AI is Transforming the Buyer Journey in 2025
website
B2B Website Strategies for Performance in 2025
b2b
Winning the ESG Buyer: Clean Energy’s Marketing Opportunity
Interested in working for or partnering with Ironpaper? We’d love to hear from you.
We are passionate about helping remarkable companies grow. We solve challenges that hold businesses back. We love it. 
Connect with Us

Related Pages

Marketing Content Strategy ABM Strategy Lead Generation B2B Websites