Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Duda] Ayuda con propiedad de css en un input text

Buen dia amigos del Foro, estoy realizando el challenge, solo que estoy atorado con un pequeño problema, espero alguien pueda ayudarme, tengo el siguiente código en css:

#encriptado{
    display: inline-block;
    position: relative;
    width: 50%;
    height: 400px;
    margin: 0 100px 20px;
    padding: 10px 25px;
}

Mi duda es que ¿cómo consigo que al momento que al momento de escribir el texto aparezca en la parte superior del cuadro de texto? Actualmente se en cuenta posicionada en la parte central del cuadro, ya intenté con el vertical-aling: top; y no funciona, espero puedan ayudarme.

1 respuesta

¡Hola Miguel, espero que estés bien!

Entiendo tu problema. Parece que estás tratando de posicionar el texto dentro de un cuadro de texto en la parte superior en lugar de en el centro. Para lograr esto, puedes utilizar la propiedad vertical-align en conjunto con display: table-cell para alinear el texto en la parte superior del cuadro de texto. Aquí tienes un ejemplo de cómo podrías hacerlo:

#encriptado {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 400px;
    margin: 0 100px 20px;
    padding: 10px 25px;
}

#encriptado input[type="text"] {
    display: table-cell;
    vertical-align: top;
}

Al aplicar estas propiedades al input de texto dentro del contenedor #encriptado, deberías lograr que el texto se posicione en la parte superior del cuadro de texto.

Espero que esto resuelva tu problema. ¡Buena suerte con tu challenge!

Espero haber ayudado y buenos estudios!