HTML　レスポンシブでテキストの改行位置を変えたい場合

レスポンシブでテキストの改行位置を変えたい場合があります。
PCサイズでは,文字サイズと全体のデザインバランスを考えて、この位置で改行したい。スマホサイズではこの位置で改行したいなどです。どうしたらいいかすぐにはわかりませんでした。
一つの解決方法として、改行にはbrタグを使います。そのbrタグにクラス(例　sm-hidden;)をつけて、cssでdisplay: block;やdisplay: none;を使って、それぞれのサイズになった時に<br>タグをつけたり、消したいする方法です。
HTML
<p>
pcのサイズで折り返す<br class=”sm-hidden”>pcサイズで折り返す
</p>

CSS
. sm-hidden{
display: block;
}
/* スマホサイズ (最大幅768px以下) のスタイル */
@media (max-width: 768px) {
.sm-hidden {
display: none; }
}

クラスのつけ外しで、改行を調整できます。