<p>I have an unordered list and I set the style to none, which creates the default indented space. <br /><br />My understanding of margins and padding is that margins are the outer space of an element, so I tried to use margin: 0 to fix the gap, but it didn't work. When I use padding: 0, it removes the indented space from the li items. <br /><br />Now I'm confused why there is padding and not margin in this case. </p><p><br /></p> <p><br /></p> <pre class="brush:css;toolbar:false;">ul { list-style-type: none; padding: 0px; }</pre> <pre class="brush:html;toolbar:false;"><ul> <li> Linkedin </li> </ul></pre> <p><br /></p>

ul.no-padding {
  list-style-type: none;
  padding: 0px;
}

ul.no-margin {
  list-style-type: none;
  margin: 0px;
}

<ul>
  <li>
    Linkedin
  </li>
</ul>

<ul class="no-margin">
  <li>
    Linkedin
  </li>
</ul>

<ul class="no-padding">
  <li>
    Linkedin
  </li>
</ul>