¿Todavía no tienes acceso? ¡Estudia con nosotros! Nuestros Planes
¿Todavía no tienes acceso? ¡Estudia con nosotros! Nuestros Planes
2
respuestas

Duda sobre el centrado del formulario

Mi duda es la siguiente:

Cuando los elementos del formulario estaban inline, el profesor hizo:

main{
            width: 940px;
            margin: 0 auto;
            }

Y los elementos quedaron al centro de la pantalla.

Sin embargo, al aplicar tanto en form label como en form input la propiedad display: block los elementos quedaron alineados hacia la izquierda, e incluso cuando en form input le dió width: 50% la alineación permaneció hacia la izquierda.

¿Por qué se deshizo el centrado que se realizó al principio? De antemano gracias.

2 respuestas

Esto sucede ya que el display: block ocupa el 100% de la linea. Esto hizo que los elementos se recorrieran a la izquierda.

Hola chicos!!

Es entendible que los elementos ocupan el 100% de la linea al aplicarle la propiedad display: block; pero esto no justifica que el alineado de los elementos estén a la izquierda, salvo que sea por defecto.

Al aplicarle un width: 50%;a los inputs, permanecen todos los elementos alineados a la izquierda, porque solo afecta el ancho del elemento, por lo que si el elemento esta alineado por defecto a la izquierda el cambio se reflejara del lado derecho, al ampliar la anchura de la caja de texto.

Es mi pensar, espero alguien aclare bien, esta duda.