Code Block Test Page
[locked]
It took me this test page to really understand the problem I'm fighting. Basically, the PRE HTML tag used in my editors CODE tag is not wrapping. This is expected behavior, because the text operates like code, which forces you to insert line breaks to go to the next line.
To fix it, change how your style sheet uses the PRE HTML tag.
CSS Before
pre {
display: inline;
}
CSS After
pre {
display: inline;
white-space: -moz-pre-wrap; // I added this line
}
My problem in action
Look at how the code tags (below) behave with the sidebar. It appears that the text doesn't behave like normal text (this sentence) does when the sidebar is floated to the right.
But it is doing what it is intended to do: code tags treat spaces as part of the text. This is why text will run of the page without forcing a line break.
Test test test test test test test test test test test test
This is an example of text running off the page without forcing any kind of line break. It acts like one big giant word, which is too long to stay to the left of the sidebar.
Test test test test test test test test test test test test test test test test