Como Puedo alinear a la izquierda los textos y los iconos¿?

me pueden decir q codigo debo de agregar a index.html ó estilos.css
para poder ubicar mis textos o iconos alineados a la izqierda o centrados abajo? en mi imagen de fondo..ayuda por favor

es que me aparecen los textos y mis iconos fuera de la imagen de fondo y los qiero adentro


:arrow: index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado" ; id="colores">Bienvenidos a mi página web. Muy pronto estara lista!</p>


[contenido no disponible]</p>
<p id="colores">Pagina creada gracias a Dios y CCTW</p>


[correo eliminado]</p>


[correo eliminado]</p>
</body>
</html>



:arrow: estilos.css

body {background-color: #1C1C1C ; background-image: url(objetos/fondo.png) ; background-position: center center ; background-repeat: no-repeat ; height:100%;}
img {border-style: none}
.centrado {text-align:center}
#colores{color:white}
para centrado pones

text-align: center

text-align:left

text-align:right

esto lo pones ya sea en el body, para que afecte a tooda la hoja
en p para que afecte solo a las palabras
o en alguna div

te recomiendo seguir el curso de estilos de la página

saludos