Wrapping long text without white space inside of a div

Question

I am having issues with wrapping text  I am generating some hexencoding encryption and the output is too long like      827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725   and it continues  When I put it inside a div  it won t wrap it even if I assign a specific width  because they are all together  I want it to continue from the next line if the div is not wide enough for one line   How can I do that

User · Accepted Answer

You can t wrap that text as it s unbroken without any spaces  You need a JavaScript or server side solution which splits the string after a few characters   EDIT  You need to add this property in CSS   word-wrap  break-word

User · Answer

You can use the following  p word-break  break-all             lt p gt LoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolor lt  p gt

User · Answer

I have found something strange here about word-wrap only works with width property of CSS properly    x000D   x000D   ONLYwidth   x000D    width  200px  x000D    x000D   x000D   wordwrapWITHOUTWidth   x000D    word-wrap  break-word  x000D    x000D   x000D   wordwrapWITHWidth   x000D    width  200px  x000D    word-wrap  break-word  x000D    x000D   lt b gt This is the example of word-wrap only using width property lt  b gt  x000D   lt p id  ONLYwidth  gt 827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725 lt  p gt  x000D   lt br  gt  x000D   lt b gt This is the example of word-wrap without width property lt  b gt  x000D   lt p id  wordwrapWITHOUTWidth  gt 827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725 lt  p gt  x000D   lt br  gt  x000D   lt b gt This is the example of word-wrap with width property lt  b gt  x000D   lt p id  wordwrapWITHWidth  gt 827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725 lt  p gt  x000D   x000D   x000D    Here is a working demo that I have prepared about it  http   jsfiddle net Hss5g 2

User · Answer

white-space  pre-wrap  is what worked for me for  lt span gt  and  lt div gt

[html] Wrapping long text without white space inside of a div

Examples related to html

Examples related to css