Jmnote bot (토론 | 기여) 잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight )) |
|||
(사용자 5명의 중간 판 20개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
==개요== | |||
;HTML dt, dd 한줄로 출력 | ;HTML dt, dd 한줄로 출력 | ||
*dt에 <code>float: left;</code>를 주면 됨 | |||
== | ==예시== | ||
< | <syntaxhighlight lang='html' highlight='2' run> | ||
<style> | <style> | ||
dt {float:left;} | dt { float: left; } | ||
</style> | </style> | ||
<dl> | <dl> | ||
<dt>사과</dt><dd>사과나무의 열매</dd> | |||
<dt>배</dt><dd>배나무의 열매</dd> | |||
</dl> | </dl> | ||
</ | </syntaxhighlight> | ||
==같이 보기== | ==같이 보기== | ||
*[[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 Jmnote Jmnote bot
로그인하시면 댓글을 쓸 수 있습니다.