Wyrównywanie wielu obrazów poziomo na środku div

Mam div I chcę wyrównać w środku tego div wiele obrazów. Wszystkie obrazy mają tę samą wysokość i szerokość 16px. Problem polega na tym, że mogę je wyśrodkować i mieć dodatkową przestrzeń poniżej, ale kiedy używam display: block, aby go usunąć, są one ponownie wyrównane w lewo. Oto Mój kod:

Div który chcę zawierać obrazki: 

.cell{
    position: relative;
    float: left;
    width: 300px;
    min-height: 22px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;

    line-height: 22px;
    font-family: Arial, Verdana;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    text-align: center;

    margin-bottom: 2px;
    margin-right: 2px;
}

Powyższa klasa ma ogólnie potrzebne właściwości. Więc chcę stworzyć klasę dla img elementy tak, aby mogły być wyrównane jeden obok siebie i wszystkie razem wyrównane poziomo.

Jakieś sugestie dotyczące pracy?! :)
Author: Dimitris Damilos, 2012-02-24
Source

2 answers

Unoszący się element na poziomie bloku przesunie go w lewo lub w prawo. "display: inline-block" na IMG. I usuń polecenia float i position. / Style = "text-align:center" / dla kontenera div.

Http://jsfiddle.net/B6Jsy/

Użyłem div jako fałszywego img ale powinno działać tak samo.

 48
Author: jmbertucci,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-02-24 16:17:25 

<div class="Image">FIRST</div>
<div class="Image">SECOND</div>


.ImageHolder{
text-align:center;
}

.Image{
display:inline-block;
}
 10
Author: molu2008,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-05-21 10:33:09