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:
1 2 3 4 5 6 7 8 9 10 |
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:
1 2 3 4 5 6 7 8 9 10 |
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:
1 2 3 4 |
.css-class ul { padding-left: 1em; list-style-position: outside; } |