The All-Expandable Box

By CSS-Tricks

This box is able to be expanded and contracted both horizontally and vertically. Try using the key command in your browser to resize your text up and down to see it in action. By not setting a specific height and setting the width of a container div in ems, this is possible. The background images are set by the use of four (fairly unsemantic) span elements. But hey, it works. One saving grace is that the four spans all use the same background image, ala CSS Sprites. The expandability is a bit like the concept of sliding doors.