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