div を使用せずに複数のスパンクラスを同じ行に置くことは可能ですか?

Question

各テキストに異なる色を付けたかったので、複数のスパンクラスを使用して CSS で色を設定しました。また、テキストに改行を入れたかったので、div を使用しました。このフィドルは私が望む結果を示していますが、改行に使用されている div タグにより大きなギャップが生じます。複数のスパンクラスで行の折り返しを行う別の方法はありますか?

フィドル: https://jsfiddle.net/nh7vswco/

リーリー リーリー

このフィドルの結果は https://jsfiddle.net/nh7vswco/ ですが、div タグのギャップを削除したいと考えています。

Answer 1

1- このように改行を行うには、
または line-break CSS プロパティを使用する方法がたくさんあります。

2- div タグ内のギャップを削除します。 line-height: 0%;

を使用できます。

リーリー ああああ