Buenas quiero hacer unas listas de definición para que el DD quede a la derecha del DT y que exista la posibilidad de que pueda cambiar al DD de linea aquí pongo un ejemplo:
El problema es que por la flotación no puedo dar un margen entre ellas. Alguien me echa una mano?
Código HTML:
<dl class="lista_definicion1">
<dt>Número de registro:</dt>
<dd class="definicionAbajo">200899900000120</dd>
<dt>Fecha: </dt>
<dd>17/11/2008</dd>
<dt>Hora: </dt>
<dd>18:06</dd>
</dl>
Código:
dl.lista_definicion1 {
color:#7e7e7e;
margin:0.5em 0.5em 0.5em 1.1em;
padding: 0;
font-size:0.7em; }
dl.lista_definicion1 dt{
font-weight:bold;
display:block;
float:left;
margin-right:1em; }
dl.lista_definicion1 dd.definicionAbajo{
clear:left;
margin-left:1em;}