Центрирование DIV питаемый динамического контента

Question

Итак, у меня есть это:

<div> 
<img src="img1.jpg"> 
<img src="img2.jpg"> 
<img src="img3.jpg"> 
</div> 

Я хочу, чтобы это было по центру горизонтально в окне браузера, даже если я ввожу другие изображения в DIV. (Таким образом, размер div без фиксированной ширины) Решение, которое я нашел, было div{text-align: center;}, но это не кажется правильным, поскольку img-теги не являются текстом.

Есть ли другое решение?

Answer 1

Изменить HTML-то вроде:

<div class="container"> 
    <img src="img1.jpg"> 
    <img src="img2.jpg"> 
    <img src="img1.jpg"> 
</div> 

Затем добавьте в ваш CSS:

.container { 
    margin:0 auto; 
} 

Это переместит весь контейнер в центре площадки.