Centrar boton submit

[flaviovich]

Hola amigos,
encontré un código, lo modifiqué un poco, pero no sé cómo centrar el botón submit.

https://jsfiddle.net/7438q06d/

Agradezco su atención y ayuda.

[Rafael]

La realidad es que el código está muuuuuy revuelto, hay estilos encimados sobre otros, por lo que es difcícil encontrarlo.

El botón submit está dentro de un div class="enter"

pon un

.enter {text-align: center}

y también con un:

.enter input {margin: auto; display: block;}

el problema es de que algo más está afectando, no se si un float o que, así que después de aplicar estas dos cosas tendrás que ir probando qué cosa está impidiendo el align quitando cosas en un archivo de prueba.

[flaviovich]

Hola Rafael!
Justo probé así como dices, pero no funcionó.
Alguna otra idea?

[Rafael]

Ese es el problema. Tienes que despedazar el código parte por parte para ver qué cosa está frenando la aplicación del estilo.

[Ito79]

Hola,

Con esto en el .css te debería funcionar, lo que hago es ponerle el display inline-block para que no ocupe el 100% del contenedor y centrarlo usando el 0 auto en los márgenes.

Código CSS:

.enter {
  margin: 0 auto;
  display: inline-block;
}
 

Ya nos cuentas!

// Ito

[flaviovich]

Efectivamente funcionó, muchas gracias!
Hay otra manera sin usar la clase enter?

[AngelKrak]

otra opcion es darle directamente al boton margin automaticos y quitarle el float que tiene

Código CSS:

#content form input[type="submit"] {
    margin-left: auto;
    margin-right: auto;
    float: none;
}
 

Demo
https://jsfiddle.net/7438q06d/1/