Template:Hlist/doc

This template creates horizontal lists. Each item in the list may be individually styled with CSS.

Usage

Basic usage

{{hlist|first item|second item|third item|...}}

All parameters

{{hlist
|first item|second item|third item|...
|class       = class for div tag
|style       = style for div tag
|list_style  = style for ul tag
|item_style  = style for all li tags
|item1_style = style for first li tag
|item2_style = style for second li tag
|...
|indent      = the number of tabs to indent
}}

Parameters

• Positional parameters (1, 2, 3...): these are the list items. If no list items are present, the module will output nothing.
• class: a custom class for the ‎<div>...‎</div> tags surrounding the list. Set to inline when using inside text.
• style: a custom CSS style for the ‎<div>...‎</div> tags surrounding the list, e.g. font-size: 90%;.
• list_style: a custom CSS style for the ‎<ul>...‎</ul> tags around the list. The format is the same as for the |style= parameter.
• item_style: a custom CSS style for all of the list items (the ‎<li>...‎</li> tags). The format is the same as for the |style= parameter.
• item1_style, item2_style, item3_style...: custom CSS styles for each of the list items. The format is the same as for the |style= parameter.
• indent: the number of tabs to indent the list. Default value is 0.

Examples

Markup	Renders as

Avoiding Linter errors

will produce Linter errors if placed inside a template that uses ‎<span>...‎</span> tags, such as {{small}}, {{larger}}, etc. To avoid this, use the substitutions from the table below:

Incorrect markup	Correct markup
{{small|{{hlist|...}}}}	{{hlist|...|style=font-size:85%}}
{{resize|{{hlist|...}}}}	{{hlist|...|style=font-size:90%}}
{{midsize|{{hlist|...}}}}	{{hlist|...|style=font-size:92%}}
{{larger|{{hlist|...}}}}	{{hlist|...|style=font-size:110%}}
{{big|{{hlist|...}}}}	{{hlist|...|style=font-size:120%}}
{{large|{{hlist|...}}}}	{{hlist|...|style=font-size:large}}
{{huge|{{hlist|...}}}}	{{hlist|...|style=font-size:180%}}
{{resize|x%|{{hlist|...}}}}	{{hlist|...|style=font-size:x%}}
{{font|size=x%|{{hlist|...}}}}	{{hlist|...|style=font-size:x%}}
{{nowrap|{{hlist|...}}}}	{{hlist|...|style=white-space: nowrap}}

Flat	{{hlist}} {{hlist |item1 |item2 |...}}	{{flatlist}} {{flatlist| * item1 * item2 * ...}} item1 item2 ...	{{cslist}} {{cslist |item1 |item2 |...}} {{bold list}} {{bold list |item1 |item2 |...}}
Bulleted and Ordered	{{bulleted list}} {{bulleted list |item1 |item2 |...}}		{{ordered list}} {{Ordered list |list_style_type=lower-alpha |first |second |...}}
Unbulleted	{{unbulleted list}} {{unbulleted list |item1 |item2 |...}}	{{plainlist}} {{plainlist| * item1 * item2 * ...}} item1 item2 ...	{{glossary}} (glossary, description, definition, association) {{glossary}} {{term|first term}} {{defn|first description}} {{glossary end}} <dt class="glossary " id="" style="margin-top: 0.4em;">first term first description <dt class="glossary " id="" style="margin-top: 0.4em;">second term second description <dt class="glossary " id="" style="margin-top: 0.4em;">... ....
Other	{{flowlist}} [[File:Bad Title Example.png|left|thumb|100px]] {{flowlist| *item1 *item2 *...}} item1 item2 ...	{{columns-list}} {{columns-list|colwidth=5em| # first # second # third # ...}}