Hola:
También te deseo muchas felicidades
Los estilos se los tenías que haber aplicado a la capa...
Verás, como norma general, las capas (divs o cualquier elemento de bloque) ocupan todo el ancho de la página, pero si restringes su anchura, se centran con los márgenes, y los elementos en línea se centran (dentro del bloque en que se encuentren) con text-align...
Si no estás seguro si los elementos son de bloque o en línea, lo puedes forzar con el estilo display (block/inline), pero de hacerlo seguramente perdería el sentido semántico, así que no es recomendable...
Preparé unas líneas:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<body>
<div style="margin: auto; width: 50%; border: 1px solid gray;">
este texto no se centra pero la capa sí...
</div>
</body>
</htnl>
Saludos
