Style Lists

Use the controls below to style unordered and ordered lists. When you see a format you like, copy / paste the CSS code into your style sheet.

List Left Margin:
List Alignment:	Left Center Right
List Marker Positions:	Outside Inside
List Item Left Padding:
List Item Bottom Padding:
Unordered List Style:
Ordered List Style:

This is standard paragraph text near the list so you can style relative to this neighboring.

Unordered list item the first.
Unordered list item the second.
Unordered list item the third.

Ordered list item the first.
Ordered list item the second.
Ordered list item the third.

This is standard paragraph text near the list so you can style relative to this neighboring.

Use the CSS code below for styling

ol,ul{
  margin: initial;
  text-align: initial;
  list-style-position: initial;
}

ul{
   list-style-type: disc;
}
ol{
   list-style-type: decimal;
}

ol li, ul li{
   padding-left: initial;
   padding-bottom: initial;
}