Cita:
Iniciado por mostaza4 
eso de box no me sirvio, no funciona todo sigue igual y lo d eponer margenes con porcentaje no lo pense voy a probar
Bueno lo del border-box es solo un inicio, solo sirve para resetear el modelo de caja y distribuir los objetos mas facilmente sin restarles nada cada vez que les agregas rellenos o bordes.
En tu ejemplo tienes 3 elementos li, cada uno con un tamaño que juntos ocupan 90% del contenedor, solo necesitarías darle un margin{0 5%} al li:nth-child(2) y quedarían perfectamente distribuidos............. aaaunque no va funcionar debido al display: inline-block que usas, esta propiedad deja 4px entre cada caja, mejor usa un float:left y todo va cuadrar
