Template:Hlist

Template Documentation[View] [Edit] [History] [Purge]

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

The above documentation is transcluded from Template:Hlist/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..