diferentes colores de un parrafo

veran, quiero poner en un mismo parrafo dos palabras de diferentes colores (es un ejemplo) por ejemplo:

casa = ciudad (lo que yo quiero hacer es que en la misma linea la palabra casa tenga el color negro, el = el color verde y ciudad tenga un color amarillo. como se hace eso en una misma linea?
gracias. mas o menos lo entiendo. pero si se pudiera poner el ejemplo que puse ya con el codigo... (nose si sera mucho pedir)
css

.rojo {color:red}
.verde {color:green}

html

<span class="rojo"> rojo </span><span class="verde"> verde </span>

saludos