Issue with word-wrap property in HTML code

Question

Does anyone have idea why "word-wrap" not working in below html code?

<html><head><meta http-equiv=\"content-type\" content=\"text/html; charset=UTF-8\" /><meta name=\"viewport\" content=\"width=341.0px, minimum-scale=1, word-wrap=break-all, maximum-scale=1, user-scalable=no, shrink-to-fit=no\" /></head><body style=\"-webkit-text-size-adjust:none\  ">HelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHello</body></html>

score 1 · Accepted Answer · edited Aug 31 '20 at 06:11

1

You have to use word-wrap: break-word; CSS in body tag.

<html>

<head>
  <meta http-equiv=\ "content-type\" content=\ "text/html; charset=UTF-8\" />
  <meta name=\ "viewport\" content=\ "width=341.0px, minimum-scale=1, word-wrap=break-all, maximum-scale=1, user-scalable=no, shrink-to-fit=no\" />
</head>

<body style="word-wrap: break-word; ">HelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHello</body>

</html>

edited Aug 31 '20 at 06:11

Carsten Løvbo Andersen

26,637
10
47
77

answered Aug 31 '20 at 05:54

Sandeep K.

759
6
18

Can't we keep style=\"-webkit-text-size-adjust:none\ in the body as well? – kb920 Aug 31 '20 at 06:19
yes you can keep it – Sandeep K. Aug 31 '20 at 06:23
I would like to keep both attribute. but when I try to add in same then it's not working. – kb920 Aug 31 '20 at 06:24
because you can use \ in the css thats wrong. you can use without \. – Sandeep K. Aug 31 '20 at 06:26

Issue with word-wrap property in HTML code

1 Answers1