dvi ul li의 기본 여백을 완전히 없애는 방법? (첫번째 댓글은 답변 글이 아니라 본문글입니다.)
- ul의 왼쪽 여백을 완전히 없애는 방법
위 박스 안의 글을 완전히 왼쪽에 붙이는 방법을 알고 싶습니다....
margin, padding을 0으로 했는데... 붙지 않네요....
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 6개
<div style="border-right:1px solid #d0d7e9; border-left:1px solid #d0d7e9; border-top:1px solid #d0d7e9; border-bottom:1px solid #d0d7e9; margin:0px; padding:0px">
<ul>
<li style=" margin:0;list-style:none;">ul의 왼쪽 여백을 완전히 없애는 방법
</li>
</ul>
</div>
ul,li {margin:0; padding:0;}
</style>
위의 내용을 넣어주면 될것같아요...
아니면 css 파일을 불러온다면 css 파일에 넣어주셔도 되구요.
위의 소스에 바로 적용할경우 ul 부분에 margin, padding 을 0으로 줘보세요.
<ul style="margin:0; padding:0">
덧,
border-right:1px solid #d0d7e9; border-left:1px solid #d0d7e9; border-top:1px solid #d0d7e9; border-bottom:1px solid #d0d7e9;
=
border: 1px solid #d0d7e9;
id 나 class 준 다음에
#box {}
#box ul{}
#box li{} 가 원래 맞는거아닌가요?
그리고 그렇게 구성하는게 속도면에서도 이득입니다.(물론 별 차이는 못느낍니다만)
그리고 해당코드같은 경우
div도 불필요해 보이네요.
ul에다가 border를 줘도 충분해 보입니다.
ㅎㅎ