今回は定義リスト[dl]の中身(dtとdd)を横に並べる方法やってみるよ

「説明しよう！定義リストとは定義（dt）する用語を説明（dd）するリストである！」

 

つまりは用語があって、それを説明する文がセットになってるときに使うリストってことです。

もっと噛み砕くと[これ]はこういう[意味]やで～ってことです。

<dl class="clearfix">
	<dt>用語1:</dt>
	<dd>説明書き説明書き説明書き説明書き</dd>
	<dt>用語2:</dt>
	<dd>説明書き説明書き説明書き説明書き</dd>
	<dt>用語3:</dt>
	<dd>説明書き説明書き説明書き説明書き</dd>
</dl>
<style>
dl {
  width:300px;
}
dt {
  float:left;
  clear:left;
  width:60px;
}
dd {
  float:left;
  width:240px;
}
</style>