1

Bueno he estado haciendo un proyecto que encontré en un curso online y todo muy bien, pero, necesito centrar un botón. En el vídeo utilizan el las siguientes lineas:

div.resumen input{
  display: block;
  margin-bottom:  10px auto;
}

En el tutorial funciona pero a la hora de yo ejecutarlo me aparece

"Invalid Property Value"

¿Aluien me puede decir por qué ocurre y como solucionarlo?

2
  • ¿Sobre qué HTML intentas aplicar ese código?
    – A. Cedano
    Commented el 28 feb. 2018 a las 0:29
  • 2
    Estás poniéndole 2 valores a margin-bottom que sólo puede tomar un valor. ¿Seguro que quieres hacer margin-bottom y no simplemente margin?
    – Alvaro Montoro
    Commented el 28 feb. 2018 a las 0:33

2 respuestas 2

1

Es cierto, estás pasándole dos valores a margin bottom, lo que podrías hacer es establecer un valor para margin bottom dentro de margin:

div.resumen input{
  display: block;
  margin: 0px 0px 10px 0px auto; /*top - right - bottom - left - auto*/
}

Epero te sirva.

0

Estás poniéndole 2 valores a margin-bottom que sólo puede tomar un valor: un longitud, un porcentaje o auto. Pero solo uno de ellos. Entonces lo correcto sería:

div.resumen input{
  display: block;
  margin-bottom:  10px; /* quitando el auto */
}

Este error puede ocurrir porque en lugar de margin-bottom lo que quieres cambiar es margin (que sí admite 1-4 valores) o que antes había un margin y ahora es sólo margin-bottom (me ha pasado varias veces cambiando código CSS :S).

Fuentes:

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.