Quiero hacer que los divs contenidos dentro de otro div y alineados horizontalmente encajen perfectamente el ancho del div contenedor, por ejemplo que el primero quede alineado completamente a la izquierda, el ultimo alineado completamente a la derecha y los de en medio alineados hacia el centro, todos con el mismo espacio entre si. Pongo un ejemplo para hacerlo mas claro:
Código HTML:
<div style="width:430px">
<div style="width:100px">
<div style="width:100px">
<div style="width:100px">
<div style="width:100px">
</div> La idea seria que los 4 div queden alineados automaticamente con un espacio de 10px cada uno, llenando completamente el div contenedor. He tratado de hacerlo con float, inline-block y hasta con tablas, pero siempre me deja el espacio sobrante a la derecha y no hay manera de que este quede dividido automaticamente en los espacios entre los div. Obviamente podria simplemente ponerle un margen de 10px a la derecha de cada div y eliminarlo en el ultimo, pero quiero hacerlo en una pagina dinamica donde el usuario pueda elegir la cantidad de divs que se van a mostrar, por lo que esa solucion ya no me sirve.
Alguna idea? Gracias