Default definition list - <dl><dt> <dd>

Term1

Definition of Term1

Term2

Definition of Term2

Term3

Definition of Term3

Class="tidy"

dl.tidy dd {
margin-top: -1.2em;
margin-left: 10em;
}

Term1

Definition of Term1

Term2

Definition of Term2

Term3

Definition of Term3

Class="tidier"

dl.tidier dt {
background-color: #CCCCCC;
width: 200px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #ffffff;
}
dl.tidier dd {
margin-top: -30px;
margin-left: 220px;
width: 400px;
padding-bottom: 5px;
padding-top: 5px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCCCCC;
}

Term1

Definition of Term1

Term2 with an extra long term so we can see line wraps.

Definition of Term2 - testing longer definition for word wrap & spacing etc & how it effects everything else. Definition of Term2 - testing longer definition for word wrap & spacing etc & how it effects everything else.

Term3

Definition of Term3