Test Page

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

    A – Contrary to popular belief, Lorem Ipsum is not simply random text.
    B – It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.

Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur. Indentation is a formatting technique that can help improve the readability of your web pages. Although it’s much more common to see in print, it’s still important to understand how to indent or change the indentation of paragraphs, lists, and bullet points online. The good news is that it only takes a little bit of HTML and CSS to master.

    A – Let’s say you want to push the bullet points further over to the left instead of the right. Then you can use the margin-left property and set it to a negative value. Here’s the result compared to bullet points with default indentation.
    B – Like an ordered list element, an unordered list element will indent its list items — or bullet points — by default.

If you’d like to change the indentation distance, then you can use the margin-left or padding-left property. Let’s say you want to push the list items further over to the right so they appear to be right aligned with the subheading. Then you can set the padding-left property to 20em. Here’s the result compared to a list with default indentation.