レスポンシブデザインでHTMLテキストの優先改行位置を指定する【重複】について

質問

私は、テキストが窮屈になったときに、ブラウザがどこで改行を作成するのが好ましいかを知るために、htmlテキストにマーカーを置くことができるCSSまたはjavascriptマジックがあるかどうかを疑問に思っていました。そのようなものがあるのでしょうか？

どのように解決するのですか？

これは非常によく機能すると思います。

span.line {
  display: inline-block;
}

<p>
  <span class="line">This text should break</span>
  <span class="line">after the word "break"</span>
</p>

その他の場所でも、十分なスペースがない場合、テキストはまだ壊れています。

オープンデモ