The problem here is the length of the words. Since you probably aren't going to be using words as long as dddddddddddddddddd in your real site, perhaps it doesn't matter.
If it is still a problem, however, you could add the hypens: auto rule to your CSS (with -webkit-, -moz-, and -ms- prefixes). You can find documentation on CSS hyphens here.
http://jsfiddle.net/sG5Sb/12/
check out this.when i press the button text is rotating but not wrapping.i write
white-spacing :pre-line; but it doesn't work.thanks
The problem here is the length of the words. Since you probably aren't going to be using words as long as dddddddddddddddddd in your real site, perhaps it doesn't matter.
If it is still a problem, however, you could add the
hypens: autorule to your CSS (with-webkit-,-moz-, and-ms-prefixes). You can find documentation on CSS hyphens here.