pタグがIEで自動改行されません

Question

pタグに記述したテキストがIEで改行されません。

スマホ表示の場合はbrで改行し、pc表示の場合はbrにdisplay noneをかけ、
word-wrap: break-wordで改行を試みているのですがIEのだと一行で表示されてしまします。
（Chrome、Safariは正常に改行されます）
下記のコードに問題点ございましたらどなたかご教示いただけますでしょうか。。
よろしくお願いいたします。

<div class="contentBox">
 <h3>見出し</h3>
 <p>
  テキストテキストテキスト<br>
  テキストテキストテキスト<br>
  テキストテキストテキスト<br>
  テキストテキストテキスト
 </p>
</div>

@media (min-width: 600px){
 .contentBox > p {
  font-size: 12px;
  margin: 0 25px 20px;
  line-height: 27px;
  text-align: center;
  word-wrap: break-word;
 }
 .contentBox > p br {
  display: none;
 }
}

Answer 1

記載されたコードだけ見ると contentBox に横幅を指定していないので、600px 以上で表示したときに <br> が機能しないので、どのブラウザでも 1 行で表示されると思います。
（ブラウザの横幅よりもテキストの方が長ければ、テキストの途中で折り返されて複数行になります。）

600px 以下ならどのブラウザでも <br> の箇所で改行されると思うのですが、IE の場合、どの幅で表示したときにどこが改行されないのでしょうか？

あと、IE というのは IE11 の最新版という認識でよろしいでしょうか。

Comments

[mcy]

IE11です！
contentBoxに幅指定したら解決しました！
ありがとうございます????