brの代わりにspanタグ content: "\A"

サンプルの文章です。

<p>
  <span class="pc-br">サンプルの</span><span class="pc-br">文章です。</span>
</p>

@media screen and (max-width: 640px) {
  /* 幅が640px以下の場合に適用するスタイル */
  .pc-br + .pc-br::before {
    content: "\A";
    white-space: pre;
  }
}