max-width is being ignored when there are no spaces in between words

Question

The max width is being ignored when are are no spaces in between words. Is there any way to override, or fix this?

div {
  border: 1px solid black;
  max-width: 100px;
}

<div>
  testtesttesttesttesttesttesttesttest
</div>

`word-wrap: break-word`, I'm sure this question has been asked before. [Browser support is good.](http://caniuse.com/#feat=word-break) — misterManSam, Jul 03 '15 at 01:58
@mistermansam No answers showned up because I didn't search it using the keyword 'wordwrap'. Didn't even know what it was. — frosty, Jul 03 '15 at 02:06
No worries, it can be difficult if you don't have the right keyword. I did not downvote as the question is fine and will serve as another signpost to the answer. — misterManSam, Jul 03 '15 at 02:09

SmootQ · Accepted Answer · 2015-07-03T02:01:55.807

1

Try the word-wrap css property.

word-wrap: break-word

edited Jul 03 '15 at 02:01

answered Jul 03 '15 at 01:59

SmootQ

1

Doesn't fix the problem. – frosty Jul 03 '15 at 02:00
sorry, I forgot hhh, I mean word-wrap: break-word...not white-space...Iwill edit – SmootQ Jul 03 '15 at 02:00

1 Answers1