HTML List Generator

Turn plain lines into clean ordered or unordered HTML lists.

List items — one per line, indent to nest

Preview

Fruit
- Apple
- Banana
- Citrus
  - Orange
  - Lemon
Vegetables
- Carrot
- Potato

List typeStart numberOrdered typeCSS class (optional)

HTML output

<ul>
  <li>Fruit
    <ul>
      <li>Apple</li>
      <li>Banana</li>
      <li>Citrus
        <ul>
          <li>Orange</li>
          <li>Lemon</li>
        </ul>      </li>
    </ul>  </li>
  <li>Vegetables
    <ul>
      <li>Carrot</li>
      <li>Potato</li>
    </ul>  </li>
</ul>

Free HTML list generator. Type one item per line and get valid <ul> or <ol> markup, with nested sublists from indentation, ordered start numbers, list types and a CSS class. Live preview, runs entirely in your browser.

How to use the HTML List Generator

01Type or paste one list item per line — indent a line to nest it.
02Choose ordered or unordered, and set the start number, type or CSS class.
03Copy the generated HTML or check the live preview.

Frequently asked questions

How do I create nested sublists?

Indent a line with spaces or a tab and it becomes a child of the line above it. Indent further for deeper nesting — the tool builds properly nested <ul>/<ol> markup for you.

Can I set the numbering to letters or Roman numerals?

Yes. For ordered lists you can pick 1, A, a, I or i as the marker type and set the starting number, which map straight to the HTML type and start attributes.

Is anything uploaded?

No. The markup is generated in your browser with JavaScript, so your list never leaves your device.