This template creates horizontal lists. Each item in the list may be individually styled with CSS.
Lists output by {{Flatlist}} and {{Horizontal list}} are semantically and visually identical, and differ only in the wiki markup used to create the lists.
{{horizontal list
|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
}}
Example
{{horizontal list|Jazz|rock|pop|rap}}
produces:
Jazz
rock
pop
rap
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 {{horizontal list}} 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.
Avoid using the style white-space:nowrap in the item_style parameter, because it will have the unintended effect of avoiding line breaks anywhere in the list, instead of just inside the list item; the workaround is to move this style in the list_style parameter, and then insert {{Wbr}} at the beginning of each item value, to insert an invisible word-break opportunity (and not at end of the item value, as the word-break would occur just before the trailing spaced-bullet separator).
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.
{{Horizontal list}} will produce Lintererrors 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:
