HTML list code generator
This generator will allow you to create a HTML list of items. Set the options for the list, then generate the code. You can copy and paste the generated code into your webpage, or you can choose to send the generated code to your email. This allows you to create the HTML list code for later use when using a mobile device.- First list item
- Second list item
- Third list item
Frequently asked questions
What's the difference between "outside" and "inside" list position?
"Outside" (the default) keeps the bullet/number outdented from the text, so wrapped lines of a long item line up under the first word, not under the bullet. "Inside" pulls the bullet into the text block, so wrapped lines align under the bullet instead - it can look tidier for short single-line items.
Can I use numbers instead of bullets?
Yes - choose "decimal" for 1, 2, 3, or one of the roman numeral/letter options (lower-roman, upper-alpha, etc) for a numbered/lettered list instead of bullets.
What does putting the list in a "container" do?
It wraps the <ul> in a <div> you can style separately - useful for giving the whole list a background colour, border or fixed width, distinct from the text styling of the list items themselves.
Can list items contain links or other HTML?
Yes - whatever you type or paste into the list items box is placed inside each <li> as-is, so a line like <a href="page.html">Read more</a> will work as a real link once you paste the generated code into your page.