HTML&CSS: How do I create multiple rows of stacked images without tables?

Question

Using css and html, I would like to be able to create a column of images (all of same width but different heights), then create another column to its right with more images, then another, etc.

In my attempts to do this, I have repeatedly run into the problem of not being able to stack images on top of each other. Restraining the width of a div does not result in stacked images, but just seems to break the div.

Answer 1

This should work for you… you have to set the width of each

Answer 2

do the same thing that you are doing but instead of using the div tags to stack them, place a br tag between the last image of the top row and the first image of the bottom row. That should allow you to stack your images

Answer 3

the code below will make the images flow accross the screen and wrap to the next line when they reach the right side. try styling this with float:left