Mantener DIVs siempre centrados para galería de imágenes

[fede5426]

Proba usando display:inline-block; y vertical-align:top; en lugar de float:left;

http://codepen.io/anon/pen/dobwjN

Código HTML:

<div class="galeria">
    <div class="imagen">
      <img src="http://www.legalproductivity.com/wp-content/uploads/2013/05/firefox-300x300.png" alt="" />
    </div>
    <div class="imagen">
      <img src="http://www.lilianricaud.com/travail-en-reseau/wp-content/uploads/2012/04/google-chrome-300x300.png" alt="" />
    </div>
    <div class="imagen">
      <img src="http://betanews.com/wp-content/uploads/2013/01/opera-logo-300x300.jpg" alt="" />
    </div>
  </div>
 

Código CSS:

.galeria{
  text-align:center;
}
 
.imagen{
  width:300px;
  display:inline-block;
  vertical-align:top;
}
 

Saludos