When I want to place some (logically meaningful) div inside a (logical) container div with some space apart as below,
It depends on how your subsequent content should render. If you're going to have multiple inner Here is an example of some of the various options.margin
so that the margin collapse allows the divs to render as:
+-------
| <- blue
| +----
| | <- green
| |
| +----
|
| +----
| | <- green
| |
| +----
|
+-------