CSS per allineare un pulsante di invio?

Question

Ho un pulsante di invio su un tag form inserito, ovviamente. L'allineamento del testo ovviamente non funziona. Non voglio usare margin-left perché la mia larghezza potrebbe cambiare in seguito e voglio che sia più "corretta". In che modo puoi pensare?

HTML:

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

CSS:

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

Answer 1

Basta impostare il "top", "basso" "sinistra" o elementi di "destra". Ora l'elemento html in cui si trova il pulsante deve essere dimensionato per consentirne lo spostamento. Ad esempio, se il pulsante si trova nel lato a di un tag "span", il tag "span" sarà solo la dimensione del pulsante (più qualsiasi altro contenuto nello span). Finché c'è spazio per spostarlo nell'elemento genitore, uno di questi quattro dovrebbe fare il trucco.

Answer 2

C'è un trucco comune in css per allineare gli elementi al centro.

Tutto quello che devi fare è impostare i margini su automatico.

margine: 0 auto;

Answer 3

Se si vuole centrare poi

#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

funziona per me. Ho visto che alcune persone hanno dimenticato la proprietà display.

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