html/cssによる文字色変更、span

Question

htmlで文章を入れ、一部分だけを文字色変更するために該当の変更部分を
spanタグで囲んでcssを適応させました。

spanタグであれば改行されずに適応させることができると思った為です。
しかし、なぜか該当部分で文章に改行が発生してしまいます。

改行をさせず、一つなぎの文章として表示させる方法をご教授ください。

<div class="item">
	<div class="info" style="background-color: white;">
              <p class="syu_honbun">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<span class="syu_Fpink">bbbbbbbbbbbbbbbb</span>、<span class="syu_Fpink">ccccccccccccc</span>ddddddddddddddddddddddddddddddddddddddddddd<span class="syu_Fred">eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</span>ffffffffffffffffffffffffffffffffffffffff。</p>
     </div>
</div>

.syu_Fpink {
    color: #e693a2;
}

.syu_Fred {
    color: #ff0000;
}

Answer 1

.info {
    white-space: no-wrap;
}

でいかがでしょうか？

以下リンクに改行に関わるCSSプロパティの差異がまとめられているので一読してみてください。

word-break・word-wrap・white-spaceについて調べてみた

Comments

[oasi]

ご返信が遅くなってしまい、大変申し訳ございませんでした。
解決いたしました。ありがとうございます！