"HTML dt, dd 한줄로 출력하기"의 두 판 사이의 차이

잔글 (로봇: 자동으로 텍스트 교체 (-http://jmnote.com/html5/ +http://zetawiki.com/ex/html5/))
1번째 줄: 1번째 줄:
;HTML dt, dd 한줄로 출력
;HTML dt, dd 한줄로 출력


==핵심코드==
==예시==
<source lang='html5'>
<source lang='html5'>
<style>
<style>
dt {float:left;}
dt { float: left; }
</style>
</style>
</source>


==전체코드 예시==
<source lang='html5'>
<!DOCTYPE html>
<meta charset="utf-8" />
<style>
dt {float:left;}
</style>
<title>HTML dl, dt, dd 태그</title>
<dl>
<dl>
  <dt>사과</dt><dd>사과나무의 열매</dd>
<dt>사과</dt><dd>사과나무의 열매</dd>
  <dt>배</dt><dd>배나무의 열매</dd>
<dt>배</dt><dd>배나무의 열매</dd>
</dl>
</dl>
</source>
</source>
*http://zetawiki.com/ex/html5/dt_dd_single_line.php
<jsfiddle>xgdq1nLw</jsfiddle>
 
;실행결과
<source lang='text'>
사과  사과나무의 열매
배    배나무의 열매
</source>


==같이 보기==
==같이 보기==

2015년 7월 31일 (금) 02:10 판

HTML dt, dd 한줄로 출력

1 예시

html
Copy
<style>
dt { float: left; }
</style>

<dl>
	<dt>사과</dt><dd>사과나무의 열매</dd>
	<dt></dt><dd>배나무의 열매</dd>
</dl>

2 같이 보기