Qüestió I: dd al costat d'un dt respectant els marges

Publicat el 19/12/2004

Amb aquesta Qüestió enceto una secció on plantejaré problemes sobre CSS a resoldre. La resposta la posaré al cap de dos dies.

Donat un HTML tal com:


<dl>
   <dt>ítem 1</dt>
   <dd>
      <p>
         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc ut ligula. Vestibulum auctor enim consequat mi.
      </p>
      <p>
         Cras a urna. Sed neque. Morbi porta. Integer faucibus erat non massa pellentesque sodales.
      </p>
   </dd>
   <dt>ítem 2</dt>
   <dd>
      <p>
         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc ut ligula. Vestibulum auctor enim consequat mi.
      </p>
      <p>
         Cras a urna. Sed neque. Morbi porta. Integer faucibus erat non massa pellentesque sodales.
      </p>
   </dd>
</dl>

Volem aconseguir que el primer paràgraf del dd comenci a continuació del dt mantenint la separació entre paràgrafs, tal i com mostra la figura.

Quin CSS faries per aconseguir-ho?

La resposta.