Posted By

paul66 on 01/27/11

Tagged

css
text

Versions (?)

Last Edited at 01/27/11 04:05am

Statistics

Viewed 695 times

Favorited by 0 user(s)

Related snippets

Formatting quoted code

/ Published in: CSS

This snippet simply makes the text wrap when it reaches the walls of its container, in this case, the pre tag, whilst still preserving line breaks and white space cross browser.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

pre {
padding: 15px;
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}