정의태그(dl dt dd)

dl정의태그.html

  #sweden{
  float:left;
 width:300px;
 border:2px solid #C8CDD2;
 padding:10px 0;
  }
  #sweden dl{
width:260px;
  float:left;
 margin:10px 20px;
 padding:0;
 display:inline;
  }
  #sweden dt{
  width:160px;
  color:#627081;
  letter-spacing:1px;
  float:right;
  }
  #sweden dd{
 font-size:75%;
 line-height:1.5em;
  }
  #sweden dd.img img{
  float:left;
  margin:0 8px 0 0;
  padding:4px;
  border:1px solid #D9E0E6;
  border-bottom-color:#C8CDD2;
  border-right-color:#C8CDD2;
  background:#fff;
  }

<div id="sweden">
 <dl>
  <dt>이것은 용어 정의입니다.</dt>
  <dd class="img"><img src="./images/aa.gif" width="80px"/></dd>
  <dd>이것은 용어 정의입니다.이것은 용어 정의입니다.이것은 용어 정의입니다.이것은 용어 정의입니다.이것은 용어 정의입니다.이것은 용어 정의입니다.이것은 용어 정의입니다.이것은 용어 정의입니다.이것은 용어 정의입니다.이것은 용어 정의입니다.이것은 용어 정의입니다.</dd>
 </dl>
 <dl class="alt">
  <dt>이것은 용어 정의입니다.</dt>
  <dd class="img"><img src="./images/aa.gif" width="80px"/></dd>
  <dd>이것은 용어 정의입니다.</dd>
 </dl>
 <dl>
  <dt>이것은 용어 정의입니다.</dt>
  <dd class="img"><img src="./images/aa.gif" width="80px"/></dd>
  <dd>이것은 용어 정의입니다.</dd>
 </dl>
</div>