Buenos días,
estoy intentando hacer una caja de 75% de width y debajo 3 cajas de 25% de width.
El problema es que las 3 cajas están alineadas a la izquierda y no consigo hacer que la primera esté alineada a la izquierda, la última alineada a la derecha y la del medio pues centrada.
El código que tengo es el siguiente:
Código HTML:
#idsection{
margin: auto;
width: 75%;
}
#idarticle{
margin: auto;
width: 75%;
}
#idarticle1, #idarticle2, #idarticle3{
display: inline-block;
vertical-align: top;
width: 25%;
}
#idarticle3{
right: 0;
}
Código HTML:
<section>
<article id="idarticle">CUADRO 75%</article>
<section id="idsection">
<article id="idarticle1">Caja1 25%</article>
<article id="idarticle2">Caja2 25%</article>
<article id="idarticle3">Caja3 25%</article>
</section>
</section> Como puedo hacer que "idarticle3" este alineado a la derecha de la etiqueta " section id='section' "
Gracias,
saludos