A menu can be created from any valid markup as long as the elements have a strict parent/child relationship. The most commonly used element is the unordered list (<ul>):

A menu can be created from any valid markup as long as the elements have a strict parent/child relationship. The most commonly used element is the unordered list (<ul>). Additionally, the contents of each menu item must be wrapped with a block-level DOM element. In the example below <div> elements are used as wrappers:

Menu automatically adds the necessary padding to items without icons.

Dividers

Divider elements can be created by including unlinked menu items that contain only spaces and/or dashes:

Divider elements can be created by including menu items that contain only spaces and/or dashes: