Центрирования ряда элементов IMG

Question

Не могу понять, как к центру этих элементам 3 IMG горизонтальным

HTML

<!-- Homepage Content --> 
<div id="center"> 

    <img src="images/homepage/wedding.png"/> 
    <img src="images/homepage/wildlife.png"/> 
    <img src="images/homepage/portrait.png"/> 

</div> 

CSS

#center { 
display:inline-block; 
margin-left:auto; 
margin-right:auto; 
} 

Довольно просто да, но он не работает! Test page

Answer 1

Вам просто нужно добавить text-align: center для #center

<div id="center"> 

    <img src="images/homepage/wedding.png"/> 
    <img src="images/homepage/wildlife.png"/> 
    <img src="images/homepage/portrait.png"/> 

</div> 

CSS

#center{ 
    display: block; 
    padding: 20px; 
    text-align: center; 
    border: 1px solid #000; 
} 
#center img{ 
    display: inline; 
} 

Check this link увидеть демо.