Como hacer texto con sombra con CSS

Hola! Hoy les voy a enseñar como hacer texto con sombra como en este post.
Primero necesitan un texto:

TEXTO

Que se hace con:
<div style="position: relative; font-size: 30px; font-family: Verdana;">TEXTO</div>
Y otro, de otro color:
TEXTO
Se hace con:
<span style="color: maroon; font-family: Verdana; font-size: 30px; position: absolute;">TEXTO</span>
Ahora a juntarlos, agregando esto:
<span style="color: maroon; font-family: Verdana; font-size: 30px; top: 2px; left: 2px;">TEXTO</span>
Queda:

TEXTO
  TEXTO

Y así es como se hace. Reemplazar "TEXTO" por lo que quieran!!
Hasta otro día!