[SOLUCIONADO] Meter espaciado izquierdo a la segunda palabra

[Lecquio]

Hola
El titulo no es muy descriptivo pero no se me ocurre otra forma de explicarlo.
Me gustaría conseguir esto: (cambiando los guiones bajos por espacios)

Dirección:___C/ Principal, 19 – 3º dcha
_____________CP 08080 Rivas
_____________Madrid
email:[email protected]
Telefono:___111 111 111

Los titulos en negrita alineados a la izquierda, y lo que va después de los dos puntos que quede todo a la misma distancia respecto al margen izquierdo.

He probado metiendo la direccion, mails y los telefonos cada uno en un span con padding-left y con margin-left pero no quedan alineados.
¿Como puedo hacerlo?
Gracias.

[AngelKrak]

algo asi querias no?
http://codepen.io/AngelKrak/pen/raQzOq

para los espacios en blanco basta con este pequeño code ;)

 

[PHPeros]

Creo que sería mejor crear dos contenedores aparte y luego ya aplicar los márgenes, más o menos como una tabla

[AngelKrak]

esa seria otra opcion PHPeros y ya si no sabes CSS usa los de Bootstrap aparte que son Responsive ;)

[Lecquio]

Se que puedo poner así los espacios, pero quería saber si hay alguna manera de aplicar los margenes desde CSS.
Probaré con un contenedor para direccion, mail y telefono y otro para el contenido, aunque pensé que sería más sencillo.

[AngelKrak]

puedes hacerlo mediante tablas, o has 2 div, 1 para el texto y el otro para la direccion ;) luego le pones un ancho establecido y al 2do div le pones padding-left y listo ;)

<div class="text"></div>
<div class="direc"></div>