Layering pictures in HTML, one above the other

Leave a Comment / Tech and Coding / By kawstov

I am currently using this technique for my homepage. First you add the following in CSS:

.box450 {width: 800px; margin: 0 auto; border: 00px #000 solid;}
.box451 {width: 800px; height: 1px; margin: 0 auto; border: 00px #000 solid;}
img {display: block;}

Now, let us come to the HTML body part. Put the images as follows:

The inner div (box 451) is not necessary. However the page length increases as you add more pictures. Adding the inner div removes unnecessary addition of space in page height.

The first pic in the div (box 450) will always be at the top. The last pic in the div will always be at the bottom.

Leave a Comment Cancel Reply