Question

Well, thats the html code:

<ul>
  <li>first item</li>
  <li>second item</li>
</ul>

And the css:

ul, li { margin: 0px; padding: 0px; }

Nothing fancy, right? And nothing to be proud of, it just shows a list without any margins or padding. Well, almost…

What about this space there? I can’t seem to get rid of it. Any ideas? :]

Answer 1

If you want to remove the space between text and bullet, you got to change the HTML-code a little bit:

<ul>
  <li><span>first item</span></li>
  <li><span>second item</span></li>
</ul>

By giving the li a relative position and the span an absolute position, you can move the span to the left:

li {
    position: relative;
}

li span {
    position: absolute;
    left: 0;
}