3

I am creating email template.In Yahoo mobile view, css word-break is getting removed/stripped while rendering. It is removed from inline-css as well as from head section. Any solution for this? 

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.no-wrdbrk{
word-break:keep-all;
}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="word-break:keep-all;" class="no-wrdbrk">
Several new studies have found that yoga may lower depression and emotional eating, if done on a consistent basis. At the 125th Annual Convention of the American Psychological Association, four separate studies were presented that pointed to similar positive findings about the benefits of yoga.
</td>
</tr>
</table>
</body>
</html>

enter image description here

Nidheesh
  • 662
  • 1
  • 8
  • 18

2 Answers2

0

Try word-break:normal; like below.

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.no-wrdbrk{
word-break:normal;
}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="word-break:normal;" class="no-wrdbrk">
Several new studies have found that yoga may lower depression and emotional eating, if done on a consistent basis. At the 125th Annual Convention of the American Psychological Association, four separate studies were presented that pointed to similar positive findings about the benefits of yoga.
</td>
</tr>
</table>
</body>
</html>

There are

CSS Syntax:

word-break: normal|break-all|keep-all|initial|inherit;

Source

Let me know if this works.

Syfer
  • 4,262
  • 3
  • 20
  • 37
0
word-break:inherit !important;

worked for me

β.εηοιτ.βε
  • 33,893
  • 13
  • 69
  • 83
Sandeep Reddy
  • 31
  • 4