3 ms·

Wait, this example is different, the first list has a 40px left padding, which adds unnecessary space at the left of each bullet point. With a 20px left paddin

• Sharlin 8y ago
  That's unfortunately the default on browsers (with the default `list-style-position: inside`). So we basically have three choices: 1. The bullets itself are indented. This is ugly and rarely what you want but for some reason the default. 2. The bullets line up with the left edge of the rest of the content; the bulletpoint text is indented, naturally. 3. The bullets are hanging; the bulletpoint text lines up with other paragraphs, as recommended in the article.
  • zzzcpan 8y ago
    Note, that the article's recommendation is wrong, we pretty much never need 3, as article suggests. We make lists for a reason, we want them to be easily distinguishable from the rest of the text. We don't want to disrupt the flow by confusing people when they read a next line and don't yet realize it's a list, because a bullet is not placed where they pay attention to. We want people to realize they are about to read a list and process it appropriately, not as a paragraph. Maybe they even want to skip it entirely for now and continue with the text below to avoid breaking context.