How to remove list margin?

Question

I have a list that contains 3 items. However, it has a little margin on its left side, I want it to disappear.

Here is my code:

Answer 1

It's the browser default and you have to reset the padding for the ul element.

If you look at the chrome dev tool, you can see the browser defaults as below.

Code

ul {
  padding-left: 0;
}

ul li {
  display: inline;
  list-style: none;
  margin-left: 0;
}

  
I have margin space on my left side
  
List 2
  
List 3


Hi! I am a text without any margin!