Template:Hlist/doc

	This is a documentation subpage for Template:Hlist. It contains usage information, categories and other content that is not part of the original template page.

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 {{hlist}} 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
{{hlist|entry1|entry2|entry3|entry4|entry5|entry6|entry7|entry8|entry9}}	entry1 entry2 entry3 entry4 entry5 entry6 entry7 entry8 entry9
Giant planets ({{hlist|[[Jupiter|J]]|[[Saturn|S]]|[[Uranus|U]]|[[Neptune|N]]}}).	Giant planets ( J S U N ).
Giant planets ({{hlist|class=inline|[[Jupiter|J]]|[[Saturn|S]]|[[Uranus|U]]|[[Neptune|N]]}}).	Giant planets ( J S U N ).
{{hlist|Winner|Runner-up|Third place|indent=2}}	Winner Runner-up Third place
{{hlist|Winner|Runner-up|Third place|item_style=color:blue;}}	Winner Runner-up Third place
{{hlist|Winner|Runner-up|Third place|item1_style=background-color:yellow;|item2_style=background-color:silver;}}	Winner Runner-up Third place

Avoiding Linter errors

{{hlist}} will produce Linter errors if placed inside a template that uses <span>...</span> tags, such as {{small}}, {{resize}}, 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%}}
{{resize|x%|{{hlist|...}}}}	{{hlist|...|style=font-size:x%}}
{{nowrap|{{hlist|...}}}}	{{hlist|...|style=white-space: nowrap}}

See Also

• {{Bulleted list}}
• {{Flowlist}}
• {{Ordered list}}

TemplateData

For the creation of horizontal lists.

Template parameters

Parameter		Description	Type	Status
Positional parameters	1 2 3 4	The list items go here.	String	required
Class	class	A class for the <div>. Suggested values inline	String	optional
Style	style	CSS style for the <div>. Suggested values font-size	String	optional
List Style	list_style	CSS style for the <ul>.	String	optional
Item Style	item_style	Custom CSS style for all of the list items.	String	optional
ItemN Style	itemN_style	Custom CSS styles for each of the list items. Where N is the item number.	String	optional
Indent	indent	the number of tabs to indent the list. Default 0	Number	optional