Editing Template:Columns-list/doc (section)

== Use ==
The width of each column may be specified using {{para|colwidth}} and a value in ems.
 <nowiki>{{</nowiki>columns-list|colwidth=''width''|
 ''Text (usually a list)''
 <nowiki>}}</nowiki>
Here, ''width'' specifies the width of the columns, and determines dynamically the number of columns based on screen width; more columns will be shown on wider displays.

If {{para|colwidth}} is not specified, the default width of 30em will be used. 

This template uses [[CSS]]3 multiple-column layout, which is not supported by all web browsers.

{{CSS3 multiple column layout}}

=== Examples ===
Here is an example:
<syntaxhighlight lang="wikitext">{{columns-list|colwidth=35em|
* [[George Washington]]
* [[John Adams]]
* [[Thomas Jefferson]]
* [[James Madison]]
* [[James Monroe]]
}}</syntaxhighlight>

which would render as:
{{clear}}<!-- just in case {{CSS3 multiple column layout}} pokes down this far -->
{{columns-list|colwidth=35em|
* [[George Washington]]
* [[John Adams]]
* [[Thomas Jefferson]]
* [[James Madison]]
* [[James Monroe]]
}}

HTML classes and CSS styles can also be added with the {{para|class}} and {{para|style}} parameters. For example:

<syntaxhighlight lang="wikitext">{{columns-list|colwidth=15em|style=width: 600px; font-style: italic;|
* [[All About Lily Chou-Chou]]
* [[April Story]]
* [[Hana and Alice|Hana & Alice]]
* [[Hōtai Club]]
* [[The Kon Ichikawa Story]]
* [[Love Letter (1995 film)|Love Letter]]
* [[New York, I Love You]]
* [[Picnic (1996 film)|Picnic]]
* [[Rainbow Song]]
* [[Swallowtail (film)|Swallowtail]]
}}</syntaxhighlight>

which would render as:
{{columns-list|colwidth=15em|style=width: 600px; font-style: italic;|
* [[All About Lily Chou-Chou]]
* [[April Story]]
* [[Hana and Alice|Hana & Alice]]
* [[Hōtai Club]]
* [[The Kon Ichikawa Story]]
* [[Love Letter (1995 film)|Love Letter]]
* [[New York, I Love You]]
* [[Picnic (1996 film)|Picnic]]
* [[Rainbow Song]]
* [[Swallowtail (film)|Swallowtail]]
}}

This template also works with numbered lists as its "text". For example:

<syntaxhighlight lang="wikitext">
{{columns-list|colwidth=35em|
# [[George Washington]]
# [[John Adams]]
# [[Thomas Jefferson]]
# [[James Madison]]
# [[James Monroe]]
}}
</syntaxhighlight>

{{columns-list|colwidth=35em|
# [[George Washington]]
# [[John Adams]]
# [[Thomas Jefferson]]
# [[James Madison]]
# [[James Monroe]]
}}

The template, in fact, works with ''everything'' since all it does is wrap the text provided around a block to be divided into columns by CSS. Do not stop at wikitext lists{{snd}}more advanced lists generated by [[Template:HTML lists|the HTML templates]] will work too!