Styles

Lists

Ordered list - <ol><li>

  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
    1. Lorem ipsum dolor sit amet
    2. Lorem ipsum dolor sit amet
      1. Lorem ipsum dolor sit amet
      2. Lorem ipsum dolor sit amet

<unordered list - square - <ul><li>

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
      • Lorem ipsum dolor sit amet
      • Lorem ipsum dolor sit amet

<unordered list - disc - <ul><li>

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
      • Lorem ipsum dolor sit amet
      • Lorem ipsum dolor sit amet

<unordered list - circle - <ul><li>

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
      • Lorem ipsum dolor sit amet
      • Lorem ipsum dolor sit amet

List Group Example

Definition lists - Brief
Lorem ipsum
Lorem ipsum dolor sit amet. But it wraps to the far left if you have a long definition
Lorem ipsum
Lorem ipsum dolor sit amet.
Lorem ipsum
Lorem ipsum dolor sit amet.
Definition Lists - Expanded
Permissions:
In Britain, everything is permitted that's not forbidden. In Germany, everything is forbidden that's not permitted. In France, everything is permitted, even if it's forbidden. And in Russia, everything is forbidden, even if it's permitted.
Failure:
Failures are kilometre posts on the road to achievement - c. s. Lewis
The Fool:
He who asks a question is a fool for five minutes; he who does not ask a question remains a fool forever.
Circled Numbers - in inline list
badges - starting paragraphs
  • 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
  • 2 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  • 3 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
Numbers - starting paragraphs
  1. List item one
  2. The second item on the list
  3. Number three is a bit longer, with some lorem ipsum for good measure. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  4. And here is number four.
  5. List item five.
  6. Number six is a bit longer, with some lorem ipsum for good measure. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  7. List item 7.
  8. The eighth item on the list
  9. The last item on the list