this box is "#top"
title
- 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. 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-under"
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.
Vivamus bibendum sem id dolor iaculis, sed tempor leo luctus. Morbi consequat laoreet dignissim. Maecenas sed lorem mattis, vehicula nisl nec, interdum nisi. Vestibulum ac nibh luctus, semper nunc sit amet, tincidunt libero. Phasellus aliquet odio vel purus euismod imperdiet. Aliquam pellentesque pulvinar mi, vitae semper odio. Integer libero justo, lacinia finibus pulvinar vel, convallis non est. Mauris tincidunt et diam ut eleifend. Nullam mattis dictum lobortis.
This box is "#bottom"
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.