html - 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:

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

<ul>
  <li>I have margin space on my left side</li>
  <li>List 2</li>
  <li>List 3</li>
</ul>
<p>
Hi! I am a text without any margin!
</p>

Answer 1

This should work

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

<ul>
    <li>I have margin space on my left side</li>
    <li>List 2</li>
    <li>List 3</li>
</ul>
<p>
    Hi! I am a text without any margin!
</p>