CSS Lightbox without Javascript

• 
  Some descriptive text could go here. Note how the text does not exceed the max-width. The overall max-width is set to 500px, which happens to match this image's width
• 
  If the max-width exceeds the images width and the desciptive text is long enough, the box expands until it reaches the max-width. To see what happens when there is just a short desciptive text see imgage #3...
• 
  Short text - no unnecessary expansion
• 
• 
  If the image width exceeds the max-width setting for the descriptive text the boxs expands to wrap the image, leaving the max-width untouched
• 
• 
• 

This is a reduced version of Kuhn CSS-Lightbox. To keep it simple, the content should fit on the screen so we do not have to worry about scrolling.

And yes, the layout looks a lot like Stu Nicholls' does.

Images by Jon Sullivan.

The main article can be found here.