H1 en dos lineas con distintos colores

[Gothgauss]

Hola

QUería saber si es posible poner el texto siguiente

<h1>ESTO DENTRO DEL MISMO H1</h1>

pero haciendo que las primeras letras de cada palabra vayan en otro color y que "del mismo h1" vaya en una linea a parte de esto dentro, y más a la izquierda

Si se puede, validaría así en w3c y penelizaría en google?


Adjunto imagen de lo que quiero.

Gracias

http://www.subirimagenes.com/otros-h1-8087315.html

[pzin]

Creo que lo que más cerca está de lo que quieres es :first-letter, pero sólo afectará a la primera letra del elemento al que lo apliques.

Respecto a lo de linea nueva, puedes usar BR para ello.

[memoadian]

Código HTML:

<h1><span class="una">Mi</span><br/><span class="otra">app</span></h1>
 

[Gothgauss]

Pero poner un br entre medio no me soluciona nada, pues no quiero solo hacer un salto, sino que la parte que esté en otra línea esté con una sangría hacia la izquierda (copmo en la imagen que puse)

[memoadian]

es evidente que por eso puse el span class otra, simplemente

.otra{margin-left:tantospx}

los span te sirven para asignar el estilo que quieras dentro del h1 a cada parte que necesites