CSS correcto para DL DT DD

[dr_stein]

Hola,

Buscando aquí y allá he conseguido componer este CSS para mostrar una serie de valores en dos columnas y con colores alternativos por fila:

.rte dl {
margin:0;
padding:0;
clear:both;
overflow:hidden;
}
.rte dt {
margin:0;
padding:2px;
float:left;
width:40%;
}
.rte dd {
margin:0;
padding:2px;
float:right;
width:60%;
}
.rte dt:nth-child(4n+1), dt:nth-child(4n+1) + dd {
background-color: #F6F4F0;
}

El problema surge cuando el tamaño de una de las celdas supera el límite, como se puede ver en la imagen:



¿Cómo puedo hacer que se ajuste el alto de la fila completa automáticamente?
Gracias anticipadas.

[juangemelo01]

¿es necesario que muestres esos datos tabulados?
si es asi, veo que los valores de la segunda columna son mas cortos con respecto a los valores de la 1ra columna , por lo que yo le daria un 70% a la primera columna y un 30% a la segunda columna en ancho.
por otro lado, si no es necesario que muestres los datos tabulados, yo los mostraria en manera de listas

Código:

<ul>
      <li>Valor 1: Valor2</li>
      <li>Valor 1: Valor2</li>
      <li>Valor 1: Valor2</li>
      <li>Valor 1: Valor2</li>
</ul>

solamente seria cuestion que le dieras estilo a la lista y te quedaria mas practico en cierta forma
espero que te sea de ayuda mi respuesta amigo, cualquier cosa, comenta