文字を折り返しさせない white-space: nowrap;　

テキストの折り返しをさせたくない場合はどのようなCSSを設定すればいいでしょうか。

今回はその方法をご紹介します。

私の場合は、レスポンシブデザインの確認でブラウザを伸縮させていたら、ボタンの中のテキストが折り返してしまったので、「あれ？」と感じたことでした。

これで、要素の幅が縮まっても、テキストの折り返しはしなくなります。

レスポンシブ関連の記事も紹介しておきます。