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

잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(사용자 5명의 중간 판 20개는 보이지 않습니다)
1번째 줄: 1번째 줄:
==개요==
;HTML dt, dd 한줄로 출력
;HTML dt, dd 한줄로 출력
*dt에 <code>float: left;</code>를 주면 됨


==핵심코드==
==예시==
<source lang='html5'>
<syntaxhighlight lang='html' highlight='2' run>
<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>
</syntaxhighlight>
*http://jmnote.com/html5/dt_dd_single_line.php
 
;실행결과
<source lang='text'>
사과  사과나무의 열매
배    배나무의 열매
</source>


==같이 보기==
==같이 보기==
*[[dl, dt, dd]]
* [[dl, dt, dd]]
* [[CSS float 속성]]


[[분류: HTML]]
[[분류: HTML]]

2021년 7월 17일 (토) 14:15 기준 최신판

1 개요

HTML dt, dd 한줄로 출력
  • dt에 float: left;를 주면 됨

2 예시

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

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

3 같이 보기

편집자 220.119.201.73 J Jmnote Jmnote bot