Wrap an Image with the Div
You're going to turn to the HTML, but let's first consider what's going to happen. There was lot's of stuff going on in the CSS, but the main concept has to do with those strange margin settings in the shadow-wrapper img selector. It's a cute little trick: by setting positive values on the right and bottom margins, and negative values on the left and top margins, the image will be moved up 5 pixels and to the left 5 pixels.
<img src="file_name.jpg" alt="Image Description" width="250" height="250" />
<div class="shadow-wrapper"><img src="file_name.jpg" alt="Image Description" width="250" height="250" /></div>
alkjfaklfj:
Remember you will have to wrap each image individually... don't attempt to wrap an entire block of multiple images with one drop-wrapper.
My pictures page looks like this now!