不定义css样式时（默认情况）：
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<dl>
<dt>hello</dt>
<dd>xiaohao</dd>
</dl>
</body>
</html>
运行结果如下：
方法一：
1.设置全局样式
*{
margin:0;
}
方法二：
2.给dd设置样式
dd{
margin:0;
}
设置css样式后：
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
dd{
margin: 0px;
}
</style>
</head>
<body>
<dl>
<dt>hello</dt>
<dd>xiaohao</dd>
</dl>
</body>
</html>
运行结果为：
ul与li对齐方法类似，ul存在内边距，设置ul的内边距为0，即可实现ul与li对齐。
注：
设置dt{float:left;}可以让dd，dt在同一行显示；