Los elementos flotados no se puede centrar. Al menos no de forma automática.
Tendrías que quitar ese
float y añadir:
Código CSS:
Ver originaldiv.jugador {
display: inline-block;
}
Y para que se queden centrados, añadir algo así a su contenedor:
Código CSS:
Ver originaldiv.campo > div {
text-align: center;
}
Esto último afectaría las capas hijas directas de .campo, es decir: .portero, .defensa, .centrocampo y .delantero.