Con el siguiente codigo centramos horizontalmente el div .holder
Código:
*{margin:0; padding:0;} /*recuerda siempre crear un reset*/
.wrap { width: 900px; background-color: gray; padding:30px; text-align:center;}
.holder { /*width:840px;*/ overflow:hidden; margin:0 auto; text-align:left;}
.box { width:150px; height:150px; float:left; background-color:maroon; border: 1px black solid; }
Como ves utilizamos
overflow:hidden; en .holder para limpliar los float de modo que ya no necesitaras ensuciar tu html con <div style="clear:both;"></div>, asi que ya puedes borrar esto. Utilizamos la propiedad
text-align como un truco para que nos entienda ie. Con
margin:0 auto; decimos que de un margen de 0 para top y bottom y centre hacia los lados.
Espero te sirva, saludos!