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.

Basic options

If you have multiple lists on the same page, each will need a different ID

List ID:

Not seen - make sure name is unique

List type:

Disc Circle Square Decimal Lower-roman Upper-roman Lower-greek Lower-alpha Upper-alpha None

List position:

Outside Inside

Affects how the list items wrap

Layout:

Just give me the list Put the list in a container that I can style

List items

Type or paste list items into the box below - one per line

List style

Font color:

Font family:

Choose a predefined font Verdana Arial Helvetica Arial Black Comic Sans MS Tahoma Trebuchet MS

Font size:

- 6px 7px 8px 9px 10px 11px 12px 13px 14px 15px 16px 17px 18px 19px 20px

Font style:

Normal Bold Italic Bold and italic

Container style

Background color:

Padding:

- 0px 1px 2px 3px 4px 5px 6px 7px 8px 9px 10px 11px 12px 13px 14px 15px 16px 17px 18px 19px 20px

Width:

px

Leave at 0 if you don't want to set the width

Border style:

Default None Solid Ridge Dotted Dashed Double Groove Inset Outset Hidden

Border width:

- Thin Medium Thick 1px 2px 3px 4px 5px 6px 7px 8px 9px 10px

Border color:

Border radius:

- 0px 1px 2px 3px 4px 5px 6px 7px 8px 9px 10px 11px 12px 13px 14px 15px 16px 17px 18px 19px 20px 21px 22px 23px 24px 25px 26px 27px 28px 29px 30px 31px 32px 33px 34px 35px 36px 37px 38px 39px 40px 41px 42px 43px 44px 45px 46px 47px 48px 49px 50px

Code options

Choose how you want the code created

CSS layout:

Put the style inline Give me style code to place into the head of my page Give me style code to place into my stylesheet

Unsure? Leave it inline