No, este no es un problema de css ni de html, si no de Php

bueno lo que intento es alinear las imagenes con sus nombres que imprimi con un while

se supone que seran categorias de una web mostradas en imagenes, estas categorias aumentaran N numero de veces hacia abajo, pero tengo un problema para alinear esas imagenes de categorias, como ven las imprimi juntas (cada imagen esta dentro de un div y su nombre de cat) ahora como centro estas imagenes?? como les agrego un espacio separador entre ellos? no podria usar un centrado porque los divs contenedores de categorias estan con float: left, tampoco me soluciona si le doy padding o margin right por que la ultima imagen de la derecha tambien dejaria un espacio y no encajaria

destripando un cms vi que con php hacen algo para solucionar esto, ubican el primer div o el ultimo y dividen, suman o le sacan el resto pero no entendi bien porque el codigo de un cms me lleva de un lugar a otro y parece que no tiene fin

alguien podria hecharme una mano

saludos