Align description lists with grid

Created by: webmozart

It would be great if it was possible to align description lists with the grid system. I have a description list and below a grid and I would like the left and right columns to match.

The columns currently don't match, because:

dt has a fixed width of 160px
grid columns have dynamic widths
dd has a fixed left padding of 20px
grid columns have a padding of 30px by default

Some text

<dt> item 1 | <dd> Description
<dt> item 2 | <dd> Description
<dt> item 3 | <dd> Description

Horizontal form, using a 3:9 grid

Field 1 label  | Field 1
Field 2 label  | Field 2
Field 3 label  | Field 3

            ^--^
 both the column start and the
 column padding are different