HTML List Generator
Generate HTML ordered and unordered lists from your text.
List Items
Enter one list item per line:
List Type:
How to use HTML List Generator
- 1
Enter list items
Type or paste your items into the box, putting one item on each line.
- 2
Choose list type
Select an unordered list (ul) for bullets or an ordered list (ol) for numbered items.
- 3
Set advanced options
Optionally open Advanced Options to add a list ID, list class, item class, or a custom start number.
- 4
Generate and copy
Click Generate HTML List, then copy the ready-to-use ul/ol markup to your clipboard.
Frequently asked questions
What is the difference between the unordered and ordered list options?
Unordered produces <ul> with bulleted <li> items, while ordered produces <ol> with numbered items. Pick the one that matches how the list should appear on your page.
Can I add CSS classes or an ID to the generated list?
Yes. Use the Advanced Options to set a List ID, a class on the <ul>/<ol> element, and a class applied to every <li>, so the output drops straight into your existing styles.
How do I make a numbered list that starts at a number other than 1?
Switch to an ordered list and set the Start Number field in Advanced Options. This adds a start attribute to the <ol> so numbering begins wherever you choose.
Are blank lines turned into empty list items?
No. Blank or whitespace-only lines are ignored, so only non-empty lines become <li> elements and you won't get stray empty bullets.
Is the generated HTML safe to paste anywhere?
Yes. The markup is plain, standards-compliant ul/ol/li code generated entirely in your browser, so nothing is uploaded and you can paste it into any website, CMS, or editor.
Related tools
Keep going with these handy tools