html 如何让<dl>里面的<dt>和<dd>按行排列，就是在同一行上边

.menuDiv {width:1px;height:32px;background:#999}

#submenu { MARGIN: 10px 0px 0px 10px;
PADDING: 0px;
float:left;
BORDER: #fff 1px solid;
BACKGROUND: #fff;
COLOR: #fff;
HEIGHT:25px;
}

#submenu ul { CLEAR: left;
MARGIN: 0px;
PADDING:0px;
BORDER: 0px;
LIST-STYLE-TYPE: none;
TEXT-ALIGN: center;
DISPLAY:inline; /*不换行*/
}

#submenu li { FLOAT:left; /*横向浮动*/
MARGIN: 0px;
display:block;
line-height:28px;
PADDING: 0px;
TEXT-ALIGN: center
}

#submenu li a { DISPLAY: block;
PADDING:2px 2px 2px 2px;
BACKGROUND:#fff transparent no-repeat 2px 2px;
FONT-WEIGHT: bold;
WIDTH: 100%;
COLOR: #666;
TEXT-DECORATION: none;
}

#submenu li a:hover { BACKGROUND:#666 no-repeat 2px 2px; COLOR: #fff; }

#submenu ul li#one A { WIDTH: 50px}
#submenu ul li#two A { WIDTH: 75px}
#submenu ul li#three A { WIDTH: 75px}
#submenu ul li#four A { WIDTH: 75px}
#submenu ul li#five A { WIDTH: 75px}
#submenu ul li#six A { WIDTH: 75px}
#submenu ul li#seven A { WIDTH: 50px}
对应代码：如下

test

t1

test2

t2