Alinear / Márgenes en CSS

¿Por qué lo siguiente aparentemente no hace nada?

    <style>
    form {
        margin-left:auto;
        margin-right:auto;
    }
    h1 {
        margin-left:auto;
        margin-right:auto;
        color : #2265FF;
    }
    </style>
<body>
<h1>Please type in the text to be converted!</h1>
<form> ... </form>

Obviamente, tengo algo más de HTML para acompañar esto.

¿Existe una mejor manera de hacer esto en CSS3?

¡Gracias!

preguntado el 09 de enero de 11 a las 05:01

¿que estás tratando de hacer? más información pls. -

¿Qué quieres hacer exactamente? ¿Podrías dar más detalles? -

Probablemente sería una buena idea mostrar el HTML al que se está aplicando. -

2 Respuestas

En CSS3 puedes hacer:

form, h1 {
    display: table;
    margin: 0 auto;
}

Si desea admitir navegadores más antiguos, debe especificar un ancho:

form, h1 {
    width: 500px
    margin: 0 auto;
}

pero en realidad es mejor si lo aplica a un contenedor principal ...

.container {
    margin: 0 auto;
    width: 500px;
}

<div class="container">
  <h1></h1>     
  <form></form>
</div>

Respondido el 09 de enero de 11 a las 08:01

es mejor que uses text-align:center en cambio porque <form> y <h1> establecerá su ancho en 100% por defecto

Respondido 16 ago 11, 06:08

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.