Создание изображений, скрытых друг от друга

Question

Я пытаюсь сделать скроллер изображений, и я застрял в своей стороне CSS. Текущий CSS, который у меня есть, заставляет их двигаться друг под друга не рядом друг с другом, и я не могу понять, как заставить его работать таким образом.

Изображения хранятся в div, которые находятся под другим div, называемым imageScroller, а divsScroller - под содержимым div.

Вот CSS из следующих дивы

#content 
{ 
    text-align: center; 
    padding: 20px; 
} 
#imageScroller{ 
    margin: 0 auto; 
    width: 850px; 
    height: 250px; 
    overflow: hidden; 
} 
.image{ 
    float: left; 
} 

Answer 1

Я думаю, что вы хотите, это достигается путем добавления white-space: nowrap к #imageSlider и изменения .image так, что вместо float: left, это display: inline-block.

Адрес fiddle. При необходимости отрегулируйте.

font-size: 0 в #imageSlider - это избавиться от лишнего пробела между <div> с.