This is a simple rounded edge <div> with a blue background. The <div> achieves roundness using the "rounded" class. It becomes blue based on the "blue" class. Its width is fixed using the "box_type_a" class. Its height is variable.
This is a simple rounded edge <div> with a green background. Similar to the previous <div>, it achieves roundness using the "rounded" class, and it becomes red based on the "red" class. Its width is fixed using the "box_type_b" class, making wider than the previous <div>. Its height is variable based on internal content.
This rounded container is bordered but has a white background. This is accomplished by having two <div>s, one for the border and one for the inner content. The outside <div> is set to class "rounded" for roundness, "ig_blue" to pick up a specific blue color for the border, and "box_type_a" for the width constraint. The inside <div> has class "rounded" and also class "bordered". Finally, it has class "white" for the background.
This <div> is the same as the previous except that uses class "box_type_b" for its width constraint, and it uses class "green" for its background.