It seems that no matter what I do, I can't get a row of images to line up horizontally when I zoom into the browser. When I zoom in, the images furthest to the right will drop down to the next row instead of going off screen. I've tried
float:left;, creating a border, and
position:relative; but no luck.
If I use
position:absolute; it seems like I have to manually position each image.
I don't want to copy the code in the link above, because I want to create everything from scratch by understanding the fundamental building blocks.