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

10번째 줄: 10번째 줄:


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

2017년 8월 3일 (목) 10: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