El centrado de la imagen de fondo y de parrafos

Con el HTML-Kit tengo lo siguiente en la hoja de estilos.css:

body {background-color:#D2B48C;
background-image:url(objetos/fondoopaco.png);
background-repeat:no-repeat;
backgraound-position:center center;}
img {border-style:none;}
.centrado {text-align:center;}

Y en el body del index.html:

<p class-"centrado">Bienvenidos a mi pagina web. Muy pronto estará lista!!!</p>
<p><img alt="Bienvenidos al Eejemplo de CCTW" src="objetos/sonrisa.gif" height="60" width="60" /> </p>
<p>Pagina creada gracias a los conocimientos adquiridos en <a href="www.comocreartuweb.com"target="_blank">CCTW</a> </p>
<p><a href="mailto:[correo eliminado]"><img alt="Pulsa para mandarme un correo" src="objetos/buzon.gif" height="32px" width="32px" /></a> </p>


Así las cosas, cuando oprimo el boton "Preview" todo aparece en la página pero el parrafo ni el fondo aparecen centrados

¿Me pueden ayudar?

Agradezco a todos los que participan en CCTW por los conocimientos difundidos y por el esfuerzo que eso implica.

Atte

mbaenae

tienes esto

backgraound

debe ser
background

del parrafo solo el primero debe salirte centrado, porque es el unico que tiene la etiqueta class, solo que te sobra - despues de class

<p class-"centrado">Bienvenidos a mi pagina web. Muy pronto estará lista!!!</p>

saludos