CSS para alinear un botón de envío?

Question

Tengo un botón de enviar en una etiqueta de formulario, obviamente. Text-align obviamente no funciona. No quiero usar margin-left porque mi ancho puede cambiar más adelante y quiero que sea más "adecuado". De cualquier forma que se te ocurra?

HTML:

<input type="submit" value="Subscribe" name="jetpack_subscriptions_widget"> 

CSS:

#blog_subscription-3 input[name="jetpack_subscriptions_widget"] { 
    margin-left:25px; 
} 

Answer 1

acaba de establecer la "parte superior", "izquierda", "inferior" o elementos "correctas". Ahora el elemento html en el que se encuentra el botón deberá dimensionarse para permitir su desplazamiento. Por ejemplo, si el botón está en el lado a de una etiqueta "span", la etiqueta "span" solo tendrá el tamaño del botón (más cualquier otro contenido en el lapso). Mientras haya espacio para moverlo en el elemento padre, uno de esos cuatro debería hacer el truco.

Answer 2

Hay un truco común en css para alinear elementos en el centro.

Todo lo que tiene que hacer es establecer los márgenes en automático.

margin: 0 auto;

Answer 3

Si desea centrar entonces

#blog_subscription-3 input[name="jetpack_subscriptions_widget"] { 
    margin: 0 auto; 
} 

O

#blog_subscription-3 input[name="jetpack_subscriptions_widget"] { 
     margin-left:auto; 
     margin-right:auto; 
    } 

Answer 4

funciona para mí. Vi que algunas personas se olvidaron de la propiedad display.

#container input[type=button] 
{ 
    display: block; 
    margin: 0 auto; 
}