수다닷컴

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN
HTML
HEAD
/HEAD

style type=text/css

#minitabs
{
margin : 0;
padding : 0 0 20px 10px;
border-bottom : 1px solid #696
}

#minitabs li
{
margin : 0;
padding : 0;
display : inline;
list-style-type : none;
}

/style
BODY

ul id = minitabs
lia href = 소개하고픈 링크/a/li
lia href = 즐겨읽는 책/a/li
lia href = 좋아하는 영화/a/li
lia href = 함께하는 영화/a/li
/ul

/BODY
/HTML
일단 소스는 이렇습니다.

결과물은 아래와 같은데요..
왜 li태그 간의 여백이 존재하는 것일까요?
이곳에서 말하는 여백은 아래에서 말하는 공백입니다.

소개하고픈 링크공백즐겨읽는 책공백좋아하는 영화공백함께하는 영화

분명 minitabs li 에서 패딩과 마진을 분명 0으로 주었습니다.

그럼 제가 생각하는 결과물은 모두 공백이 없는, 연이어서 출력되는 결과입니다.

소개하고픈 링크공백없음즐겨읽는 책공백없음좋아하는 영화공백없음함께하는 영화

왜 이럴까요? ^^;;

새해부터 웹을 배우는데 정진하는 학생의 질문입니다. 부탁드리겠습니다.

신청하기