Template:Hanging indent inherit

Template documentation[view] [edit] [history] [purge]

Shortcut: {{hii}}

This is the first half of a paired template based on <div>. It needs a second template {{div end}} applied to close, and hence function properly.

Usage

This template applies a hanging indent as a division <div> (default) or as paragraph <p>, and it inherits any previously applied formatting (the margins are generally the most important in this context, as they will "accumulate"). It acts as a wrapper around text, rather than embedding the text into the template. Consequently the template needs to be closed with {{div end}} to function properly.

Note that this template functions differently from {{hanging indent}}

Parameters

1: indentation (in em) of first line relative to the other lines of the paragraph (i.e. CSS "text-indent")
2: indentation (in em) of the whole paragraph (i.e. the CSS "margin-left")

Note: indentation is measured rightwards. To "reverse indent" (make a line stick out to the left), enter a negative value.

Examples

Defaults: hanging indent

{{hii}} = {{hii|0|2}}
- First line 0em from relative position
- Remaining lines indented further 2em:

{{hanging indent inherit}}{{lorem ipsum}}
{{div end}}

Output

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Example2: two indented paragraphs

For each paragraph:
- First line 0em from relative position
- Remaining lines indented further 2em

{{hanging indent inherit}}{{lorem ipsum}}
{{hanging indent inherit}}{{lorem ipsum}}
{{div end}}
{{div end}}

Output

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Example 3: two differently indented paragraphs

First paragraph:
- Start 2em from relative, and remaining lines indented 2em
Second paragraph
- Start 1em from relative, and remaining lines indented 1em

{{hanging indent inherit|2|2}}
{{lorem ipsum}}
{{hanging indent inherit|1|1}}
{{lorem ipsum}}
{{div end}}{{div end}}

Output

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Example 4: traditionally indented paragraphs

This template can be used for traditional first line indent. However this is not recommended, as this is more efficiently done using a CSS style such as "text-indent:2em".

first line 2em, paragraph -2 relative
first line 1em, paragraph -1 relative

{{hanging indent inherit|2|-2}}{{lorem ipsum}}
{{hanging indent inherit|1|-1}}{{lorem ipsum}}
{{div end}}{{div end}}

Output

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Usage

Parameters

Examples

Defaults: hanging indent

Example2: two indented paragraphs

Example 3: two differently indented paragraphs

Example 4: traditionally indented paragraphs

See also