dt,dd　横並び

宿題

dt,ddの横並びを作成しました。


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>dl横並び</title>
<style type="text/css">
<!--
body{
	line-height: 1.5;
}
h2{
	color: #00C;
}
dt{
	float: left;
	font-weight: bold;
}
dd{
	margin-left: 120px;
}
-->
</style>
</head>
<body>
<h2>南紀白浜について</h2>
<dl>
<dt>場所は？</dt>
<dd>和歌山県の南部にあり、大阪から車で約2時間半。</dd>
<dt>どんなことろ？</dt>
<dd>観光地。温泉が有名。</dd>
<dt>人口は？</dt>
<dd>約2万人。過疎化が深刻となっている。</dd>
<dt>何が有名？</dt>
<dd>アドベンチャーワールドの双子のパンダや、多数の名所有り。</dd>
<dt>食べ物は？</dt>
<dd>まぼろしの魚と言われる『くえ』、さざえ等の魚介類。南高梅も有名。</dd>
</dl>
</body>
</html>