<p>순서가 지정되지 않은 목록이 있고 스타일을 없음으로 설정하여 기본 들여쓰기 공간을 만듭니다. <br /><br />여백과 패딩에 대한 제가 이해한 바는 여백이 요소의 외부 공간이라는 것입니다. 그래서 간격을 수정하기 위해 margin: 0 을 사용하려고 시도했지만 작동하지 않았습니다. padding: 0을 사용하면 li 항목에서 들여쓰기된 공간이 제거됩니다. <br /><br />이제 이 경우 여백은 없고 패딩은 있는 이유가 무엇인지 혼란스럽습니다.
<p><br /></p>
<pre class="brush:css;toolbar:false;">ul {
목록 스타일 유형: 없음;
패딩: 0px;
}</pre>
<pre class="brush:html;toolbar:false;"><ul>
링크드인
</li>
<p><br /></p> 
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
브라우저 기본값은 여백 대신 UI에 패딩을 추가하는 것입니다. 따라서 padding: 0px를 사용하면 브라우저의 기본값이 무시됩니다.
오른쪽의 Computed 탭을 보면 브라우저 스타일 padding-left: 40px;
목록이 표시됩니다.