I'm trying to use CSS for a layout that would be a piece of cake using tables, but is driving me crazy trying to do the same thing with CSS.
I want a wide, narrow rectangular div. I want an image aligned with the right edge and in the remaining horizontal space to the left, I want a block of text centered horizontally in the remaining space and centered vertically in the div. (see attached image)
Ideally, the div height would automatically stretch to the height of the image so I didn't have to explicitly set the div height to make it match the image.
Additionally the div would stretch horizontally when the layout stretched, with the image remaining aligned to the right edge of the div.
Any ideas?
I want a wide, narrow rectangular div. I want an image aligned with the right edge and in the remaining horizontal space to the left, I want a block of text centered horizontally in the remaining space and centered vertically in the div. (see attached image)
Ideally, the div height would automatically stretch to the height of the image so I didn't have to explicitly set the div height to make it match the image.
Additionally the div would stretch horizontally when the layout stretched, with the image remaining aligned to the right edge of the div.
Any ideas?