Q:

How to make word-space-free words in a div or span so that all words are displayed in div width

I have a problem to showing some space free words in a width limited div or span.

this is the sample code:
.abc {
  width: 200px;
  height: auto;
  min-height: 100px;
  background-color: blue
}

<div class="abc">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>

and i want to show look like this:
http://oi64.tinypic.com/2mnqkco.jpg
thanks

A:

<div class="abc">
  aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>  

  .abc{
         width:200px;
          word-wrap: break-word;
        }

