Создание галереи

[rpmcmerphy]

Как сделать галерею картинок чтобы при выходе за пределы ширины блока, появлялась прокрутка. Делаю так

<div class="gallery"><img src="images/watch.png">					<img src="images/apple.png">					<img src="images/headset.png">					<img src="images/seminar.png">					<img src="images/jobs.png">					<img src="images/glass.png">				</div>

.news-day .gallery{	box-sizing: border-box;	height: 510px;	overflow-x: scroll;	width: 1900px;}.news-day .gallery img{	margin-right: 3px;}

Но картинки просто вылазиют за ширину

http://i67.tinypic.com/15x4xll.png

[mrnobody]

Вам нужно обернуть галерею в блок и задать ему overflox-x: auto; У .gallery уберите overflow-x.

Вот например http://codepen.io/corvus-007/pen/zvjQwE?editors=110

Я задал .gallery-wrapper  overflox-x: auto;