Skip to main content
se añadieron 37 caracteres en el cuerpo
Origen Enlace
Lleims
  • 3.1k
  • 12
  • 61
  • 108

Sería más cómodo si pones el código entero, incluso el html.

No se si entiendo tu pregunta, si no te respondo a lo que quieres especifica un poco más y lo volvemos a mirar!!

Si no entiendo mal, tienes 5 div (hijos) dentro de otro (padre). Si es así, lo que te recomiendo es que emplees flexbox, facilita mucho las cosas.

Básicamente has de trabajar con el padre y decirle que quieres que sus hijos esten centrados. A continuación pongo un ejemplo sencillo.

#padre{
  height:100px;
  width:500px;
  
  background-color: orange;
  display:flex; /* declaras que vas a usar flexbox*/
    justify-content: center; /* centrado horizontal*/
    align-items: center; /* centrado vertical */
}

.hijo{
  height: 40px;
  width: 40px;
  
  background-color: red;
  
  margin: 10px;
}
<div id="padre">
  <div class="hijo">1 </div>
  <div class="hijo">2</div>
  <div class="hijo">3 </div>
  <div class="hijo">4 </div>
  <div class="hijo">5 </div>
</div>

Sería más cómodo si pones el código entero, incluso el html.

No se si entiendo tu pregunta, si no te respondo a lo que quieres especifica un poco más y lo volvemos a mirar!!

Si no entiendo mal, tienes 5 div (hijos) dentro de otro (padre). Si es así, lo que te recomiendo es que emplees flexbox, facilita mucho las cosas.

Básicamente has de trabajar con el padre y decirle que quieres que sus hijos esten centrados. A continuación pongo un ejemplo sencillo.

#padre{
  height:100px;
  width:500px;
  
  background-color: orange;
  display:flex;
    justify-content: center; /* centrado horizontal*/
    align-items: center; /* centrado vertical */
}

.hijo{
  height: 40px;
  width: 40px;
  
  background-color: red;
  
  margin: 10px;
}
<div id="padre">
  <div class="hijo">1 </div>
  <div class="hijo">2</div>
  <div class="hijo">3 </div>
  <div class="hijo">4 </div>
  <div class="hijo">5 </div>
</div>

Sería más cómodo si pones el código entero, incluso el html.

No se si entiendo tu pregunta, si no te respondo a lo que quieres especifica un poco más y lo volvemos a mirar!!

Si no entiendo mal, tienes 5 div (hijos) dentro de otro (padre). Si es así, lo que te recomiendo es que emplees flexbox, facilita mucho las cosas.

Básicamente has de trabajar con el padre y decirle que quieres que sus hijos esten centrados. A continuación pongo un ejemplo sencillo.

#padre{
  height:100px;
  width:500px;
  
  background-color: orange;
  display:flex; /* declaras que vas a usar flexbox*/
    justify-content: center; /* centrado horizontal*/
    align-items: center; /* centrado vertical */
}

.hijo{
  height: 40px;
  width: 40px;
  
  background-color: red;
  
  margin: 10px;
}
<div id="padre">
  <div class="hijo">1 </div>
  <div class="hijo">2</div>
  <div class="hijo">3 </div>
  <div class="hijo">4 </div>
  <div class="hijo">5 </div>
</div>

Origen Enlace
Lleims
  • 3.1k
  • 12
  • 61
  • 108

Sería más cómodo si pones el código entero, incluso el html.

No se si entiendo tu pregunta, si no te respondo a lo que quieres especifica un poco más y lo volvemos a mirar!!

Si no entiendo mal, tienes 5 div (hijos) dentro de otro (padre). Si es así, lo que te recomiendo es que emplees flexbox, facilita mucho las cosas.

Básicamente has de trabajar con el padre y decirle que quieres que sus hijos esten centrados. A continuación pongo un ejemplo sencillo.

#padre{
  height:100px;
  width:500px;
  
  background-color: orange;
  display:flex;
    justify-content: center; /* centrado horizontal*/
    align-items: center; /* centrado vertical */
}

.hijo{
  height: 40px;
  width: 40px;
  
  background-color: red;
  
  margin: 10px;
}
<div id="padre">
  <div class="hijo">1 </div>
  <div class="hijo">2</div>
  <div class="hijo">3 </div>
  <div class="hijo">4 </div>
  <div class="hijo">5 </div>
</div>