수다닷컴

style type=text/css
p {width:500px; height:30px; background:yellow;}
p a {
display:block; /*링크 밑줄 없애게 하기위해 주로 많이 쓰이는 태그이다. */
width:500px; height:30px;
background:#ffcccc;}
li {display:inline;} /*float와 같은 기능을 하지만 의미는 다름. 자세히 조사해서 이해할 것 */
p.hidden {visibility:hidden; width:0; height:0;/*display:none;*/}
ul.link {float:left;}
/style
/head
body
h1display 태그를 쓴 것/h1
ul
lia href=#list1/a/li
lia href=#list2/a/li
/ul

h2요소의 보이기, 감추기/h2
p class=hidden단락 요소/p
p class=visibel단락 요소2/p

h2float 태그를 쓴 것/h2
ul class=link
lia href=#home /a/li
lia href=#login/a/li
lia href=#site/a/li
/ul

/body
/html요즘 한참 배우고 있는 태그 입니다..

display와 float의 태그를 쓰니 똑같이 나열이 되더라구요.

그런데 같은 기능이더라도 다른 차이점이 있다고 하십니다.. 그 점을 도무지모르겠어서 질문 올립니다..

float:left와 display:inline 의 차이점이 뭔가요??

신청하기