this box is "#top"

Blaa blaa: text
Blaa blaa: text
Blaa blaa: text

hover here Hover text. Wow.
Such wonder.
This is box is "#left"

- All these divs stretch height-wise, their widths are set with %'s.
- If you want to change radius of #around, you need to change radiuses of #top and #bottom, too. Otherwise the result might look quite strange.
- Styling for hovers are separate from other style-codes
-

this is "h4".

This box is "#right"
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean in efficitur ligula, et porta erat. Proin vel bibendum ligula. Fusce in dolor condimentum, varius libero sit amet, vestibulum arcu. In sapien dolor, luctus ultricies laoreet sed, finibus vitae eros. Vestibulum vel metus facilisis, laoreet tortor non, dapibus diam. Phasellus egestas neque lobortis, laoreet massa a, mollis nisl. Proin nec ligula et augue eleifend vestibulum. Sed rhoncus orci sed varius porta. Curabitur quis lorem malesuada, elementum mauris vitae, commodo mi. Vivamus ultrices enim eget leo aliquet, id ullamcorper augue sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

This box is "#middle"
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean in efficitur ligula, et porta erat. Proin vel bibendum ligula. Fusce in dolor condimentum, varius libero sit amet, vestibulum arcu. In sapien dolor, luctus ultricies laoreet sed, finibus vitae eros. Vestibulum vel metus facilisis, laoreet tortor non, dapibus diam. Phasellus egestas neque lobortis, laoreet massa a, mollis nisl. Proin nec ligula et augue eleifend vestibulum. Sed rhoncus orci sed varius porta.