Implementing hanging bullets with CSS

CSS posted over 2 years ago by christian

According to Mark Boulton’s article Five simple steps to better typography – part 2, the text in bulleted lists should be left-aligned with the surrounding text; this is rarely the case on the web, but is easily achievable by using the following CSS style:

   1  ul {
   2    list-style-position: outside;
   3    margin-left: 0px;
   4  }

Tagged lists, list-style-position, typography, css, bulleted