我想让每个文本都有不同的颜色，所以我使用了多个跨度类来设置 css 中的颜色。我还希望文本有换行符，所以我使用了 div。这个小提琴显示了我想要的结果，但是用于换行符的 div 标签产生了很大的间隙。还有另一种方法可以在多个跨度类中进行换行吗？

小提琴：https://jsfiddle.net/nh7vswco/

       
                
               
                  animal
                 : 
                tiger
                , 
                
 
                
                

                  species
                 : 
                Mammal
                ,
                
                
                

                  type
                 : 
                carnivore
                ,
                
Result:
Each word and colon should have a different color.
animal : tiger,
species : mammal,
type : carnivore,
这个小提琴的结果是小提琴：https://jsfiddle.net/nh7vswco/，但我想删除 div 标签中的间隙。