CSSのテキストレイアウトの問題

Question

alertifyを使用してアプリケーションに通知を表示しています。成功通知のテキストは折り返しで複数行になっていますが、1行にまとめたいのですか？

どうすればよいですか？

私は問題のCodePenへのリンクを追加できませんので、コメントに追加しました。 ライブデモを確認してください。

「成功通知」ボタンをクリックすると、ポップアップが表示され、そのテキストが複数行で表示されますが、1行で表示します。

Answer 1

.alertify-logs { 
position: fixed; 
z-index: 5000; 
bottom: 10px; 
right: 10px; 
width: auto; 
} 

width: 300px;がwidth: auto;に変更されました。それは一行になっている。 それはあなたが望んだのでしょうか？また、テキストの長さに関係なく、自動的に調整されます。