デザイン上、PC版とスマホ版で改行位置を変えたい事がありまして、どうしようと悩んでいた時にこちらのサイトをみつけました。
http://code-plus.jp/responsive-br/
なるほど！という感じですね。

簡単にいいますと、PCとスマホで[br]の位置を変えるだけです。

PCで

[PC]
こういう改行をして
スマホで

[SM]
としたい場合
スマホの横幅になったときに[br]を削除します。

【HTML】

そうですね<br>そうなんですね<br class="pcbr">そうゆうことなんですね。<br>

【CSS】

@media screen and (max-width: 480px) {
  .br-sp {
    display:none;
  }
}

とすると、横幅が480px以下になった場合改行がなくなります。
ちなみに、「@media screen and (max-width: 480px) 」はブラウザの横幅が480以下になった場合に実行する命令です。

また、逆にスマホの時[br]を追加したい場合は

【CSS】

.br-sp {
  display:none;
}

@media screen and (max-width: 480px) {
  .br-sp {
    display:block;
  }
}

とすると逆にスマホ版に改行が加わります。