要素内のテキストの折り返しを防止する

Question

要素内のテキストを折り返さないようにするには、要素の幅を手動で幅を設定するのではなく内容によって決める方法を教えてください。

例：あなたは「はじめよう」のテキストと緑色のボタンを見ることができますこのページでは

。小さな画面サイズの場合、テキストは折り返されます。どうすればこれを防ぐことができますか？

https://pleth-test.herokuapp.com/

私はoverflowとtext-wrap CSSプロパティを使用してみましたが、動作するように何かを得ることができませんでした。

Answer 1

は、あなたのCSSにこれを追加します。

white-space: nowrap; 

Answer 2

white-space:nowrapまたはwhite-space:pre。