Template:Column-gap

Template documentation

[view] [edit] [history] [purge]

Usage

This template generates the equivalent of CSS3 style property column-gap

Use it in CSS style properties to set the minimum and maximum width of gaps between rendered columns of a multi-column parent element. Gaps will be split into two equal parts to generate additional right and left margins of the columns to separate respectively on the left and on the right.

Useful to separate columns of text, as it facilitates their reading on wide screens (a width of 1em is generally enough for the gap, and column widths between 18em for narrow lists of terms, and 36em for paragraphs will generally fit well). Gaps with the specified width will be created only between columns, but not to the left of the left-most column, and not to the right of the right-most column. You can safely avoid adding gaps if the content is already indented (such as ordered numbered lists, unordered bulleted lists, definition lists).

Example

• {{column-gap|1em}} gives:

  column-gap:1em;

References

See also

• {{break-before}}, {{break-inside}}, {{break-after}} — style properties for child elements.
• {{column-width}}, {{column-count}}, {{column-rule}} — style properties for parent multi-column elements.

The above documentation is transcluded from Template:Column-gap/doc. (edit | history)
Editors can experiment in this template’s sandbox (create | mirror) and testcases (create) pages.
Please add categories to the /doc subpage. Subpages of this template.