dl, dt, dd 태그 css로 정의하기 [출처] dl, dt, dd 태그 css로 정의하기

< style >
dl { margin:0; }
dt { margin:0; }
dd { margin:0; padding-right:3px; }
< /style >

< html > 
// 기본 사용
apmsoft 의 apm의 뜻은?
a : 아파치(apache)
p : PHP
m : MYSQL
< /html >


# 결과 -->
apmsoft의 apm의 뜻은?  
    a : 아파치(apache)   
    p : PHP                   
    m : MYSQL  

           
<help>
위와 같이 출력 된다. 
기본적으로 dl, dt, dd 태그는 블록적 성격을 가진다.
그래서 한줄씩 출력하게 된다.    


< style >
dl { margin:0; }
dt { margin:0; }
dd { margin:0; display:inline; padding-right:3px; }
< /style >

< html >
// dd 를 inline 으로 설정 했을 경우
apmsoft 의 apm의 뜻은?
a : 아파치(apache)
p : PHP
m : MYSQL
< /html >


apmsoft의 apm의 뜻은?  
    a : 아파치(apache)   p : PHP   m : MYSQL    


inline 을 설정해 주면 세로가 아닌 가로로 출력을 하게 된다.


dl dt dd 를 사용하게 되면
리스트 적인 의미를 담은 글이 되기 때문에 성공적인 코딩이라 말할 수 있겠다