不定義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在同一行顯示；