[SOLUCIONADO] Alinear imagenes

[Mariano_Floyd]

Buenas, tengo un problema, no consigo alinear una lista de imágenes, que voy a usar como publicidad para un sitio. He creado un codepen y un jsfiddle para probar, y el código (que es el mismo que uso en el sitio) funciona, pero al momento de ponerlo en un html deja de funcionar.

Asi es como deberian quedar:


Alineadas horizontalmente, y asi es como queda en el codepen, pero en el html queda asi:


Revise por completo todo el código de mi sitio, tanto el html, como el js y el css, para ver si había conflicto con alguna otra regla, y nada parece cambiar. Este es el codepen:
http://codepen.io/MarianoArg/pen/nbLcd

Que estoy haciendo mal?

[webosiris]

probablemente te esté heredando alguna propiedad, revisalo con una herramienta como firebug. Si en codepen se ve bien entonces evidentemente el problema no está en e3l código que tienes en codepen, sino en el resto del código del sitio.

[Mariano_Floyd]

El problema es que he cogido el código de codepen, lo he pegado en un nuevo documento para evitar que me herede propiedades de css y descartar todo eso, pero aun así, con el código puro y tal cual esta en codepen, se ve mal. Lo he probado tambien con distintos navegadores para descartar que sea el navegador pero nop.

EDIT: Solucionado, era el padding que le estaba dando a el ancla <a> que me ocasionaba conflicto.