Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

usar <BR> versus CSS

En el video el instructor asigna display block para tanto el label como el input. Eso me deja "label arriba input abajo". Pero que si yo no quisiera eso, si quisiera un formato "label a la izquierda, input a la derecha del label". En mi codigo, lo solucione intercalando un BR entre cada para label-input, pero me preguntaba si hay una forma de hacerlo via CSS.

<form action="">
                <label for="nombreapellido">Nombre y Apellido</label>
                <input type="text" name="" id="nombreapellido">
                <br>
                <label for="correo">Correo Electronico</label>
                <input type="email" name="" id="correo">
                <br>
                <label for="telefono">Telefono</label>
                <input type="tel" name="" id="telefono">
                <br>
                <input type="submit" value="Confirmar">
            </form>
1 respuesta
solución!

Hola cirigliano nicolas,

Hay diversas maneras en la cuales puedes generar este efecto.

Una seria agrupar tanto el <label> como el <input> dentro de un <div> y a este asignarle la propiedad CSS display:flex; y width:100%.

La otra manera seria a las etiquetas <label> darle un valor en porcentaje del ancho de la pantalla, es decir width:20% y a los inputs width:80%, que sumados hacen el 100% de la pantalla y cuando trate de poner el siguiente <label> hará un salto de línea por ya no haber espacio disponible.

Espero haberte ayudado :)

Saludos.