pタグで囲んでいる文章が勝手に改行されてしまう。

Question

画像のように右側の文章が勝手に改行されてしまいます。<br>なども入れていません。
左側の文章とまったく同じCSSを当てているのになぜ勝手に改行されてしまうのでしょうか？

Comments

[m.ts10806]

コードを画像で提示されても再現確認できませんので、マークダウンのcodeにてテキストで提示してください。

Answer 1

おそらく、質問者が言いたいことは、「文章が右端まで到達していないのに、次の行に移って表示されてしまう」ということだと推測します。

それは、「US$1,000,000」というひとつの単語が2行に分割されることを防ぐための「ワードラップ(折り返し)」処理です。英単語など、分割されると読みにくいためにこのような処理が標準で組み込まれています。

よくみると、左側の文章の2行目も末尾が少し短めですよね。これは、その行に「料金」と表示してしまうと、次行の先頭が「、」(読点)になってしまうことを防ぐための「追い出し」処理です。

「CSS 禁則処理」で検索すれば、こうした処理に関するCSSによる調整方法が見つかります。「overflow-wrap: break-word;」とか、他の回答者の方が述べている「word-break: break-all;」など。

Answer 2

空白の無い半角文字の連続の途中で改行されないと言うことなら、そういう物です。

途中でも改行したいときは、

word-break: break-all