I have lots of text with a loooooooooooooooonnnngggggg word to show its being fitted in.
Code used in this page
.word-wrap {
width: 100px;
height: 100px;
padding: 10px;
border: 1px solid #000;
word-wrap: break-word;
}
Using CSS3 word-wrap to break words to make them fit onto their element.
.word-wrap {
width: 100px;
height: 100px;
padding: 10px;
border: 1px solid #000;
word-wrap: break-word;
}