0

El siguiente código simula al original

.padre{
    border: 1px;
    display: inline-block;
    width: auto;
    margin: 0 20px;
    text-align: justify;
}
 <div class="padre">
       <div>
          <h2> HIJO 1 CON TEXTO</h2>
          <p> texto muy largo pero muy muy largo <p>
       </div>
       <div>
          <h2> HIJO 2 CON TEXTO MAS COOL </h2>
          <p> otro texto muy largo pero muy muy largo <p>
       </div>
    </div>

El problema que tengo es que, si bien mis cuadros quedan uno al lado del otro, los textos no quedan parejos verticalmente. Aparte los marcos de los dos cuadro en el centro quedan muy pegados. ¿Cómo podría separarlos sin que el margen de la página quede desparejo?

5
  • 5
    Hola Gilberto. Podrías añadir el código completo de tu css , el código que "simula al original" no expresa la duda que tienes en tu código.
    – Dev. Joel
    Commented el 1 nov. 2016 a las 3:21
  • 1
    Te falta añadir el código CSS de los hijos para ver cómo los estás poniendo uno al lado del otro
    – Alvaro Montoro
    Commented el 1 nov. 2016 a las 10:58
  • 1
    Yo si lo pongo en grande me aparece un cuadro encima del otro, no uno al lado del otro. ¿Es así como se tendrían que ver? Commented el 1 nov. 2016 a las 13:01
  • ¿Podrías agregar alguna imagen de cómo sale y cómo debería quedar?
    – Isaac Vega
    Commented el 2 nov. 2016 a las 19:29
  • Voto para cerrar esta pregunta como tema no relacionado porque no se puede reproducir el problema Commented el 6 nov. 2016 a las 4:14

2 respuestas 2

1

Probá esto:

.padre{
   border: 1px;
   display: inline-block;
   width: auto;
   margin: auto;
   text-align: left;
}

Lo que hice fue modificar el alineamiento del texto y los márgenes atomáticos.

1

Propongo que hagas un texto justificado y al div le pongas un padding interior que reduce el espacio dentro.

.padre{
    border: 1px;
    display: inline-block;
    width: auto;
    margin: auto;
    padding: 20px, 20px;
    text-align: justify;
}

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.