CSSで改行コード<br>を無効化（消す）する方法

レスポンシブサイトを作る時とかに、PC表示の時は改行を入れたいけどスマホ表示の時は改行を無くしたい。
そんな時はCSSで<br>を消して対応しよう！！
例えば、こんなHTMLの時…

HTML

<p>
  ミラボー橋の下をセーヌは流れる<br>
  そして私たちの愛も<br>
  思い出さねばならないのか？<br><br>
  悲しみの後に必ず喜びが来たことを
</p>

上の「ミラボー橋」の一説の改行を消す場合――。
関係ない話ですが、セーヌ川ってシャンソンとかでよく出てくるけどそんなに綺麗なのかな？
今までパリへ行ったことがなかったので、コロナが明けたら見に行きたい。
セーヌ川を見るって理由でパリ旅行に行くの、ちょっとカッコイイよね。
そうでもないかな。
話がそれたけど、改行コード<br>を無効にする方法です！

CSS

// すべての<br>を消す
p br { display: none; }

// 一部の<br>を消す
p br:nth-of-type(1), p br:nth-of-type(2) { display: none; } 

こちらからは以上です！