Skip to content

Wordwrap that PRE!

Ever used a <PRE> in a limited width div container? You will notice that the line gets cut off almost as if word-wrap was not enabled.

To correct this you can add the following code into your CSS file.

pre{ white-space: pre-wrap; /* CSS2.1 compliant */ white-space: -moz-pre-wrap; /* Mozilla-based browsers */ white-space: o-pre-wrap; /* Opera 7+ */ }
Code language: CSS (css)

This code was originally found somewhere else online but I found it really useful so reposted it!
If you’re the original author then comment and let us know 🙂

P.S. Thanks 😉

See also  Font Awesome Brand Icons
Tags:
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x