Break lines in html column

Question

I have text in a table as follows:

<td style="white-space: nowrap">Some value:Another Value; Person-1:Person2</td>  

The problem I have is that this Some value:Another Value; Person-1:Person2 is displayed as a single line inside the column. How could I break-line it on ;? So it is still in the same row/column but as 2 lines in the column?

Answer 1

Use <br /> to create explicit line breaks:

<td style="white-space: nowrap">Some value:Another Value;<br />Person-1:Person2</td>

Answer 2

What about list item tag?

I think you should go for it.

Answer 3

This should work as a solution

<td>
    <span style="white-space: nowrap">Some value:Another Value;</span>
    <span style="word-break:break-all;">Person-1:Person2</span>
</td>