html - How can I force text in a new line? -

i have div:

<div class="text">     thisismytextwontgoinanewparagraph </div>

with css:

.text {     background-color:red;     width:100px; }

as can see in jsfiddle, text goes outside of div.

is there way in css force wrapping text without spaces (such hyperlink)?

you try this, it's not pretty:

.text {     background-color:red;     width:100px;     word-wrap: break-word; }

Bradly