Allineare Dt Dd in orizzontale

[ricman]

Mi trovo a fare una lista di caratteristiche tecniche. Avevo pensato di usare DL DT DD.
Volevo affiancare il tag dt al tag dl ma mi si sfalsano in verticale come nella foto allegata.

Qui sotto riporto il codice... se qualcuno mi sa aiutare sarei molto grato...

-CSS-
.desc1 {
	background-color: #f9f9f9;
	width: 550px;
}
	.desc1 dl {
		padding: 0px 20px 0px 20px;
		line-height: 21px;
		background-color:#99CC66;
	}
	.desc1 dt {
		margin: 0px;
		padding: 0px;
		width: 140px;			
		color: #37638D;
		background-color:#9999CC;
	}
	.desc1 dd {
		margin: 0px 0px 0px 150px;
		padding: 0px;
		background-color:#FFCCCC;
	}

-HTML-
<div class='desc1'>
  <h4>Dati Tecnici</h4>
    <dl>
      <dt>Altezza di lavoro:</dt>  <dd>Fino a 4000mm</dd>
      <dt>Tavola cilindri:</dt>  <dd>Altezza di lavoro + 200mm</dd>
      <dt>Fibre processabili:</dt>  <dd>nonwoven in fibre di polyester (o altre) con il 10-25% di fibre leganti bi-componenti (o altre)</dd>
      <dt>Distanza tra i nastri trasportatori:</dt>  <dd>5&divide;195mm trasportatori Alimentaz.</dd>
      <dt>Potenza di riscaldamento installata:</dt>  <dd>300.000 Kcal/h due moduli</dd>
    </dl>
</div>

[Mich_]

Sono elementi di blocco; devi affiancarli con il float.
Forse ti basta definire float:left i <dt> e forse limitare la larghezza dei <dd> al posto di definire i margini