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.