How to break text at specifc word in an HTML table cell?

August 9, 2022

I’ve seen many examples using style='"white-space:pre-wrap; word-wrap:break-word"; for example, but I didn’t see how to break the text into multiple lines breaking at specific words.

So, this Fiddle currently displays:

First Name/Appartment, No.137, Joseph South Road, Sec. 2, Fortaleza, Country Tel: +55-8-1234567 email@email.com; email2@email2.com

but it should look like:

First Name/Appartment, No.137, 
Joseph South Road, Sec. 2, Fortaleza, Country 
Tel: +55-8-1234567 
email@email.com; email2@email2.com

Appreciate any help!

>Solution :

There’s no way that white-space:pre-wrap; can wrap the line as you intended without any indications. Consider manually adding line breaks in your code and use white-space:pre-line; to preserve the breaks:

<table>
  <tr>
    <td class='address' style="white-space: pre-line;">First Name/Appartment, No.137, 
    Joseph South Road, Sec. 2, Fortaleza, Country 
    Tel: +55-8-1234567 
    email@email.com; email2@email2.com
    </td>
  </tr>
</table>