.ow {
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
white-space: normal; //this is the one that gets you all the time
}div {
word-wrap: break-word;
white-space: nowrap;
}.example {
overflow-wrap: break-word;
}p {
/* That create a ne line, when he word is to long*/
word-break: break-all
}<!-- For Block Elements -->
<textarea style="width:100px; word-wrap:break-word;">
ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTC
</textarea>
<!-- For Inline Elements -->
<span style="width:100px; word-wrap:break-word; display:inline-block;">
ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTC
</span>
<!-- Another thing to try: -->
<tr style="overflow-wrap: anywhere"><td>1</td><td>2</td></tr><style>
.k-card-title{
white-space:normal;
}
</style>