Andare a capo all'interno di una tabella

[Fabio74]

Ciao a tutti. Premetto che sono un principiante e sto realizzando un sito web con Wordpress.
Ho l'esigenza di scrivere brevi testi dentro tabelle, ma all'interno di ciascuna cella il testo va a capo troncando le parole, come avviene ad esempio nella pagina seguente:

[URL unfurl="true"]https://mathsinenglish.altervista.org/maths-in-english/conics-sections/parabolas-2/intersections-of-parabolas-and-lines/[/URL]


Riporto il codice della prima tabella:

<table style="border-collapse: collapse; width: 100%; height: 254px;">

<tbody>

<tr style="height: 254px;">

<td style="width: 50%; height: 254px; text-align: right;">

<ul>

<li style="text-align: justify;"><span style="color: #339966; white-space: wrap;">intersect a parabola at two distinct points. <br>In this case we say the line is <strong>secant</strong> to the parabola.</span></li>

<li style="text-align: left;"><span style="color: #ff0000; white-space: wrap;">touch a parabola at one point (there are two coincidents intersections). <br>In this case we say the line is&nbsp;<strong>tangent</strong> to the parabola.</span></li>

<li style="text-align: left;">not intersect the parabola at all. <br>In this case we say the line is <strong>external</strong> to the parabola).</li>

</ul>

</td>

<td style="width: 50%; height: 254px;"><img class="aligncenter wp-image-719" src="https://mathsinenglish.altervista.org/wp-content/uploads/2020/08/retta-parabola-1-320x244.png" alt="" width="327" height="250"></td>

</tr>

</tbody>

</table>

Come potrei risolvere il problema e fare in modo che il testo vada a capo correttamente? Grazie a tutti.

 

[ninja72]

Ciao, se non ho capito male va cambiata la regola del css da "word-break: break-all" a "word-break: break-word"

table td, table th {

    padding: 1rem;

    word-break: break-word;

}

 

[Fabio74]

Perfetto, funziona! Grazie mille!!!

 

[Max 1]

@ninja72
@Fabio74

 

[Fabio74]

Ok, grazie e scusa!