Text does not set to div's width

Question

I have a very normal div and inside I have some text. the div is styles with test-align:center;and have a fixed width of 360px. The problem is when I try and enter some text without any spaces between words, the whole document would not break and commit to the div's width, it would just get out of the div's width I set it. I know that in a real life situation no one would write a document without any spaces between words, but I just want to achieve this.

HTML

<div class="wrapper">SomeDummyTextWithNoSpaceInBetwenn</div>

CSS

width:350px;
display: block;
margin: 10px;
text-align: center;

might be a typo in your question, css should be "text-align" not "test-align" — MrEhawk82, Jul 19 '16 at 17:50

score 0 · Accepted Answer · 2016-07-19T18:00:23.237

0

You can style the way text wraps inside a div with CSS using word-wrap:breakword

div{ width:360px; background:#555; color:#eee }
#withWordWrap{ word-wrap:break-word }

<div id="withoutWordWrap">
  ThisIsSomeTextWithoutAnySpacesAtallInsideThisDivThisIsSomeTextWithoutAnySpacesAtallInsideThisDiv
</div>
<br><br>
<div id="withWordWrap">
  ThisIsSomeTextWithoutAnySpacesAtallInsideThisDivThisIsSomeTextWithoutAnySpacesAtallInsideThisDiv
</div>

edited Jul 19 '16 at 18:00

answered Jul 19 '16 at 17:51

Yes, that's what I mean by my question. – MaryBaker Jul 19 '16 at 17:54

score 0 · Answer 2 · answered Jul 19 '16 at 17:53

0

You can use word-wrap: break-word;

answered Jul 19 '16 at 17:53

Mila

598
4
9

Text does not set to div's width

2 Answers2