Como centrar un DIV?

[ivimendoza]

Hola, veréis, tengo el siguiente código:

Código HTML:

<div class="hls" style="text-align: center;"> 
                    
                  <p><span class="ttlhs">Doce</span><br />
                      <span class="superfont Estilo38">12</span><span class="month"> /unidad</span></p>
                </div>
 

Y necesito que este se me centre en el DIV, pero no se queda centrado, he probado también haciendo esto:

Código HTML:

<div class="hls" style="text-align: center;"> 
                    
                  <p><span class="ttlhs" style="text-align: center;">Doce</span><br />
                      <span class="superfont Estilo38" style="text-align: center;">12</span><span class="month"> /unidad</span></p>
                </div>
 

Pero tampoco funciona... espero que me podais echar un cable.
Gracias!

[angelfcm]

Hola!
Mira están las siguientes formas fáciles de hacerlo:

1.

Código HTML:

<center>
<div> 
CONTENIDO DEL ELEMENTO
</div>
</center> 

2.

Código HTML:

<table align="center">
<tr><td>
<div> 
CONTENIDO DEL ELEMENTO
</div>
</td></tr>
</table> 

3.

Código HTML:

<div style="width:200px;margin:auto;"> 
CONTENIDO DEL ELEMENTO
</div> 

Ahora un detalle para cada forma usada:

1. Elemento <center> - Lamentablemente ésta etiqueta ya es obsoleta para los doctype modernos pero aún sigue funcionando.
2. Atributo align - También ya es obsoleta pero sigue funcionando.
3. Propiedad margin - Efectivamente ésta propiedad de CSS es la actualmente usada para centrar elementos y es la que yo te recomiendo para que tus documentos sean válidos para los doctype modernos.

Bueno básicamente sólo usa margin y usando el valor auto para que se distribuya el elemento correctamente.

Saludos!

[tasel]

Para centrar un div, mejor en CSS:

Código CSS:

.h1s{
   width:200px;
   margin:0 auto;
}
 

Para centrar el contenido de un div (lo que hay dentro, no el div en si), debería servir con text-align:center; También mejor en CSS:

Código CSS:

.h1s{
  text-align:center;
}
 

[angelfcm]

tasel

...
3.

Código HTML:

<div style="width:200px;margin:auto;"> 
CONTENIDO DEL ELEMENTO
</div>
 

Ahora un detalle...

-.-!!!

[tasel]

Hacerlo en CSS es más ordenado, así tienes la estructura en un lado y el estilo en otro. Mezclar ambos puede acabar siendo un lío tremendo.
Mi recomendación es no usar style nunca a menos que no puedas usar CSS.