How to Indent the Second Line in Lists using CSS

Lists are easier to read when lists are indented and longer list item lines are further indented to line up with the preceding line.

Change:

Duis a neque molestie, finibus urna quis, condimentum ante.

Pellentesque viverra magna magna, ac dignissim sapien iaculis in.

* Integer interdum nisi ut sem interdum, in ornare sem mattis

maecenas tristique libero at blandit venenatis.

* Donec vel est hendrerit, tempus ipsum at, lobortis velit.

* Aliquam imperdiet massa eu finibus scelerisque.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Aenean commodo ligula eget dolor.

To:

Duis a neque molestie, finibus urna quis, condimentum ante.

Pellentesque viverra magna magna, ac dignissim sapien iaculis in.

* Integer interdum nisi ut sem interdum, in ornare sem mattis

maecenas tristique libero at blandit venenatis.

* Donec vel est hendrerit, tempus ipsum at, lobortis velit.

* Aliquam imperdiet massa eu finibus scelerisque.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Aenean commodo ligula eget dolor.

Using CSS:

.css-class ul {

padding-left: 1em;

list-style-position: outside;

}