Extra effects for use within the content

This is the normal 2-column format

This part before the first horizontal rule is the default format, provided here for comparison with the effects below. Below are extra effects that are available for each of the layouts.


Sections for indentation

This option wraps pieces of content, such as a subordinate header and its associated material, in a "section", which then becomes indented. This is simply a styling feature to make the structure of the document more obvious without depending just on the font size of the headers.

This is a next-level header-3

The header-3 just above and this content, right down to just before "Back to the higher level header-2", is a "section". All are indented together. This is done by wrapping them in <div class="section"> ... </div>.

Here is where a floated quotation or any other sort of sidenote would go. This has a width based on a percentage, and lies within the text area. It is not affected by the indentation caused by the sections. 

This would be the name of the person quoted

This is a further-level header-4

This is a section nested inside the one above, hence giving a further level of indentation.

A filler header-4

Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text.

A higher-level header-3

Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text.

Back to the higher level header-2

Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text.


Here is where a floated quotation or any other sort of sidenote would go. This has a fixed-width, and lies within the reserved margin. 

This would be the name of the person quoted


Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text.

Converting into a "sort of" 3-column mode

This option keeps the main content of the article offset to one side, and put the sidenotes ("out of line" material) in the margin created by the offset. This "out of line" material may be quotes from people, or anything else. This layout is therefore a "sort of" 3-column layout.

In a layout with a leftbar, the sidenote-column is on the right, as here. And vice versa.


Sections can work in this 3-column mode

Sections and the 3-column mode can work in combination. It is not a good idea to float a sidenote while in a section within 3-column mode.

This is a next-level header-3

The header-3 just above and this text is a "section". Both are indented together.

This is a further-level header-4

This is a section nested inside the one above, hence giving a further level of indentation.

Back to the higher level header-2

Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text. Filler text.