• Home
• Tutorials & Lessons
• Knowledge Base
• Contribute

Text overflowing and overlapping a DIV

Text overflowing a DIV

Lets say your trying to display code snippets, usually the code will have a long line of characters, it will overflow over the DIV.

Solution

In your style sheet add the following code

pre {
	white-space: pre-wrap;    
	white-space: -moz-pre-wrap;  
	white-space: -pre-wrap;    
	white-space: -o-pre-wrap;    
	word-wrap: break-word;      
}

Then use in your HTML.

<pre>Text</pre>