tdタグ内のspanタグ内文字を自動改行させる方法を教えてください。CSS

https://context-japan.co.jp/ryokin/yoga-online-1995.html#toc2
上記ブログ内のtableタグで作成した表がございます。

<td style="width: 68.0337%; height: 40px;"><span style="font-size: 14px;"> ヨガの本場インドで修行し、様々なヨガのインストラクター資格を取得した指導員がリアルタイムで指導 </span><span style="font-size: 14px;">今なら初めての方限定で30分1000円で 2レッスン受けれる体験チケットが利用できます</span></td>

spanタグ内が上手く自動改行出来ません。

方法を教えていただけますでしょうか？

yambejp

2020/06/10 07:29

「自動改行」ってなんでしょう？何もしないで勝手に改行されるから自動改行なのでは？

行動規範の内容に同意します

回答2件

css
1.line{
2font-size: 14px;
3content: "\A" ;
4white-space: pre ;
5}

html
1<td style="width: 68.0337%; height: 40px;">
2<span class="line">
3ヨガの本場インドで修行し、
4様々なヨガのインストラクター
5資格を取得した指導員が
6リアルタイムで指導
7</span>
8<span class="line">
9今なら初めての方
10限定で30分1000円で
112レッスン受けれる
12体験チケットが利用できます
13</span>
14</td>