Area 1
This page demonstrates the absolute positioning you need in order to lay out on one page a variety of separate articles containing pictures and text of various fonts and sizes.
Notice that borders need not be used. Margins, fonts and text sizes for each division may be set.
These settings apply within the current division only.
The values for elements not set are inherited from the surrounding division or from (don't chance it) defaults.
The positions of the various areas is specified absolutely by this code:
Until now, the height of a division was not specified. The height grows to include the content, but if you specify the height, it will have that height even if there is no content. See the empty space below the last of the content in this division.
This area demonstrates that the background color can be transparent. That means that the background color is inherited from whatever is behind it.
Additionally, this area demonstrates that areas positioned absolutely may overlap areas behind it.
In a newspaper, you might want to avoid this.
This is an overlapping picture of a vase.
The potential to overlap areas is there. You might find a use for it.
Transparent areas can be made with or without a border. The words and pictures appear on top without alteration, provided that their area (in this case, this one) was written in the code last of all the areas under it.
