Harper College

Lists

To create a list, highlight a list item and click on the Bullet list or Numbered list icons in the fomatting bar.

The default style for lists is to use a bullet (as opposed to a number). Numbered lists can be used when a specific order is important to communicate, such as step-by-step instructions. Generally, list items do not need have periods at the end, or they can have a period at the end of the last item if the items in the list complete a sentence. For list items that are or contain complete sentences, a period or semi-colon at the end of the item may be necessary. Lists should be preceeded by a heading and/or introductory text.

Accessibility notes: When proper formatting, lists will be announced by screen readers. Each bullet or number will be announced as a list item. If not used, a screen reader, lists might be announced as regular paragraph text and the relationship between the items may be lost.

Examples

Standard bulleted list

My introductory sentence provides context about the list:

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Eiusmod tempor incididunt

Numbered list (aka "ordered" list)

Please follow these steps:

  1. Click on the Login button.
  2. Enter your username and password. If you forgot your password, do a password reset.
  3. In the dashboard, click on Update Profile.

Lists with headings

Creating a list with headings requires editing in the source code directly. List headings can be made with either <h3> or <h4> tags — which tag is used depends on the level of heading that preceeds it. In this example, the list has <h4> headings because an <h3> ("Lists with headings") preceeds it. The text below the heading is wrapped in <p> tags.

  • Lorem ipsum dolor sit amet

    Sed sale discere consetetur et. Nam stet viderer suscipiantur an, vocent diceret ut vel. Lorem ipsum dolor sit amet, an quo zril argumentum, ancillae accommodare an qui.

  • Consectetur adipiscing elit

    Nam stet viderer suscipiantur an, vocent diceret ut vel.

  • Eiusmod tempor incididunt

    Eu idque lucilius vel, augue facilis pri id. Cu mel nemore necessitatibus. Sed sale discere consetetur et.

Last Updated: 12/5/25