(→예시) |
|||
3번째 줄: | 3번째 줄: | ||
*dt에 <code>float: left;</code>를 주면 됨 | *dt에 <code>float: left;</code>를 주면 됨 | ||
< | ==예시== | ||
<source lang='html' highlight='2' run> | |||
<style> | |||
dt { float:left; | dt { float: left; } | ||
</style> | </style> | ||
<dl> | <dl> | ||
<dt> | <dt>사과</dt><dd>사과나무의 열매</dd> | ||
<dt>배</dt><dd>배나무의 열매</dd> | |||
<dd> | |||
<dt> | |||
<dd> | |||
</dl> | </dl> | ||
</source> | |||
==같이 보기== | ==같이 보기== |
2021년 7월 17일 (토) 14:02 판
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
로그인하시면 댓글을 쓸 수 있습니다.
- 분류 댓글:
- HTML (1)
HTML에 CSS를 적용하는 방식 3가지 ― 천도현