PCの場合は折り返さないで、スマホの場合は折り返すbrの設定
よくあるのですが、スマホで見た時に「ここ！折り返さないと読みにくい！」と思うことがままありますね。
この設定はcssだけで大丈夫。
折り返し箇所のhtmlに、
<br class==”br-sp”>
と記述。
cssで、
.br-sp {display: none; }
としておけば、PCの場合は折り返しませんね。
そして、
スマホ用（ipad以下）用のcssに、
.br-sp {display: block; }
と記述すれば、スマホ用（ipad以下）の場合だけ折り返します。
これって。
単純なことですけど、結構使います。