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%;

를 사용할 수 있습니다.

으아아아 으으으으