HTML List Generator Tool

List Type Unorder List
  • Unorder List
  • Order List
  • Description List
List Item Style Disc
  • Disc
  • Circle
  • Square
  • None
List Item Style Decimal (1, 2, 3)
  • Decimal (1, 2, 3)
  • Upper Roman (I, II, III)
  • Lower Roman (i, ii, iii)
  • Upper Alpha (A, B, C)
  • Lower Alpha (a, b, c)
List Item Type Newline
  • Newline
  • Comma
  • Period (.)
  • Semi Colon (;)
  • Verticle Pipe (|)

Convert text to an HTML list or quickly generate a simple list.

About HTML List Generator

This tool helps you to quickly generate a simple HTML list. You can either input your own text to generate a list or simply generate a dummy list with any number of items.

The list items will be created from imputed text separated by line breaks (newline), commas, semi-colons, or vertical pipes.

How to use this tool?

Using the online HTML list generator tool is simple and straightforward. Just follow the steps given below:

  1. First, select whether you want an ordered list or an unordered list in the “List Type” dropdown box.
  2. Select the preferred list style from the “List Item Style” dropdown box.
  3. Select the “Input Text to Generate List Tags” option if you want to input your own text. Or select the “Dummy List Tags” to create a dummy list.
  4. If you have selected the dummy list option, enter your required list items in the “Number of Items:” textbox. Select a separator type for your input text if you have selected the input text option.
  5. If you have selected the input text option, enter or paste your text in the first textarea.
  6. Now click the “Generate HTML LIst” button to generate the list.

Unordered List or Ordered List

An unordered list is a collection of related items. It is used when the items have no special order or sequence. By default, the list items will be marked with small black circles called bullets.

An ordered list is a collection of related items that have a specific order or sequence. By default, the list items will be marked with numbers.

List Style Type

By default ordered and unordered lists are marked with numbers and bullets respectively. The list-style-type property can be used to change the style of a HTML list.

List Style Type for UL

The following predefined styles can be applied to an unordered list:

  • Disc
  • Circle
  • Square
  • None

The “none” option can be used if you don’t want to stylize your list marker.

List Style Type for OL

An ordered list has more predefined list style types when compared to an unordered list. Some of the popular ones are:

  • Decimal
  • Decimal Leading Zero
  • Upper Roman
  • Lower Roman
  • Upper Alpha
  • Lower Alpha