HTML dt, dd 한줄로 출력하기

220.119.201.73 (토론)님의 2018년 12월 10일 (월) 16:42 판 (→‎예시)

1 개요

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

<style type="text/css">

  • { padding:0; margin:0 }

dl { width:100%; overflow:hidden; background:#ff0; } dt { float:left; width:50%; /* adjust the width; make sure the total of both is 100% */ background:#cc0; } dd { float:left; width:50%; /* adjust the width; make sure the total of both is 100% */ background:#dd0 } </style>

Mercury
Mercury (0.4 AU from the Sun) is the closest planet to the Sun and the smallest planet.
Venus
Venus (0.7 AU) is close in size to Earth, (0.815 Earth masses) and like Earth, has a thick silicate mantle around an iron core.
Earth
Earth (1 AU) is the largest and densest of the inner planets, the only one known to have current geological activity.</dd?>

2 같이 보기

편집자 220.119.201.73 J Jmnote Jmnote bot