I want to display a photo underneath some text. I want the photo to be centered horizontally, and to shrink as necessary to fit the remaining rectangular space between the end of the text and the bottom edge of the browser window. It should not enlarge beyond 100% its original size if there is more than enough room. There should never be a need for scroll bars to appear.

I want to display a photo underneath some text. I want the photo to be centered horizontally, and to shrink as necessary to fit the remaining rectangular space between the end of the text and the bottom edge of the browser window. It should not enlarge beyond 100% its original size if there is more than enough room. There should never be a need for scroll bars to appear.

I want to display a photo underneath some text. I want the photo to be centered horizontally, and to shrink as necessary to fit the remaining rectangular space between the end of the text and the bottom edge of the browser window. It should not enlarge beyond 100% its original size if there is more than enough room. There should never be a need for scroll bars to appear.

I want to display a photo underneath some text. I want the photo to be centered horizontally, and to shrink as necessary to fit the remaining rectangular space between the end of the text and the bottom edge of the browser window. It should not enlarge beyond 100% its original size if there is more than enough room. There should never be a need for scroll bars to appear.

I want to display a photo underneath some text. I want the photo to be centered horizontally, and to shrink as necessary to fit the remaining rectangular space between the end of the text and the bottom edge of the browser window. It should not enlarge beyond 100% its original size if there is more than enough room. There should never be a need for scroll bars to appear.