How to limit text width
Solution 1:
You can apply css like this:
div {
word-wrap: break-word;
width: 100px;
}
Usually browser does not break words, but word-wrap: break-word; will force it to break words too.
Demo: http://jsfiddle.net/Mp7tc/
More info about word-wrap
Solution 2:
display: inline-block;
max-width: 80%;
height: 1.5em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
Solution 3:
You can use word-wrap : break-word;