html/css text box formatear

Tengo un problema con mis cajas de texto en HTML. Hice una caja combo para abrir cajas de texto para que el usuario introduzca dos fechas: la fecha de inicio y la fecha final. Necesito que sean uno debajo del otro, pero terminan con este formato.

enter image description here

El código que usé es:

                Range time
                

                    Initial Date
                    

                        
                        
                        
                        
                    

                    

                    Finish Date

Pregunta hecha hace 3 años, 4 meses, 27 días - Por nasean

2 Respuestas:

  • Para que las cajas de texto de las fechas aparezcan una debajo de la otra, puedes agregar un estilo CSS para separarlas verticalmente. Puedes hacerlo de la siguiente manera:

    css
.FixDatasInput div {
    margin-bottom: 10px; / Ajusta el espacio vertical entre las cajas de texto /
}

    Simplemente agrega este código CSS en tu archivo de estilos o dentro de una etiqueta <style> en el <head> de tu página HTML. Este estilo agregará un margen inferior de 10px entre las cajas de texto de las fechas, lo que debería hacer que aparezcan una debajo de la otra de manera más clara.

    Espero que esta solución te ayude a formatear tus cajas de texto correctamente. ¡Déjame saber si necesitas más ayuda!

    Respondida el Dec 19, 2020 a las 16:19 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • Para colocar las cajas de texto una debajo de otra, puedes utilizar la propiedad display: flex; y flex-direction: column; en el elemento contenedor. Esto hará que los elementos secundarios (las cajas de texto) se apilen verticalmente.

    Aquí tienes el código actualizado:

    html

    
    
    
        Initial Date
        
        
        
        
    
    
    
    
    
    
        Finish Date

    Asegúrate de ajustar los estilos según sea necesario para que se adapten a tu diseño.

    Respondida el Dec 19, 2020 a las 16:21 - por Gemini

    Votos positivos: 0 | Votos negativos: 0