Hola a tod@s.
Estos días me he animado a aprender CSS, mi ultima duda fue sobre una barra que llegaba de extremo a extremo que conseguí resolver gracias a westwest.

Ahora tengo un pequeño problema que no consigo solucionar.
Tengo una barra, de el tamaño de 34px de alto.

Algo así:


Y querría meter ahi dentro un div con letras.
Pero claro al meter el div se queda arriba, lo que no se es como hacer o utilizar (creo que es padding) para que el div quede en el medio y las letras queden centradas de alto.

Me explico, al crear el div las letras se me quedan arriba (por que el div (la caja)) se me queda arriba, lo que querria es que el div se me quedara centrado en el medio.

Se me queda:


Quiero que se me quede:


Un saludo, gracias!

¡Gracias! +Karma!
Aún que no esta del todo resuelto, falta algo y si eres tan amable me lo podrías decir.

No quiero que el div este en el medio si no que este un poco corrido hacia la derecha.
¿Como tendría que hacer para desplazarlo para la derecha?

Tengo un pequeño problema.
Ya lo he conseguido hacer, he puesto esto:

.barra {
height:35px;
line-height:34px;
padding-left:1200px;
background:url(imagenes/linea_negra.png)
}

El problema es que los que tienen una pantalla mas pequeña que 1200 de resolución les sale la barra para correr (vamos que no se adapta a su resolucion) ¿como podría hacerlo?