"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>
</source>
</source>
<jsfiddle>xgdq1nLw</jsfiddle>
<jsfiddle height='120'>xgdq1nLw</jsfiddle>


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

2018년 12월 5일 (수) 10:32 판

1 개요

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

2 예시

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

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

3 같이 보기

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}