HTMLでスマホだけ改行を反映させるやり方

PCでは、以下のように表示されていたとします。

一方、スマホでは以下のように表示されています。

Before

改行させたい文字の前に<br class="br-sp">を記述します。

（例）

<p>長女 シエル（ 高1 ）<br class="br-sp"><i class="fas fa-caret-right my-small-2"></i>マイペースで妹の面倒見がいい。</p>

After

PCでは変化はありませんが、スマホでは改行された表示となります。