I am working with a lightbox which is set to the height of the browser window. Inside, the content is placed in the middle of the screen, and all images are the same height. I am looking to change the height of different images, thus re-positioning the content so it remains in the center. Here is the code I have been adjusting to try and allow it to center, based on the height of the image:
So is it possible to automatically center each piece of content (an image and header) based on the image size without creating a <div> for each item? I hope I have asked this correctly and it all makes sense. If not, let me know how I can help you! Thanks.