[Ovillo] Dt y dd en la misma línea

Mar Feb 17 18:12:36 UTC 2009

Hola,

me ha picado la curiosidad, y he probado, mira a ver si se ajusta a lo que
necesitas:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>XHTML+CSS</title>

<style>
dl { border-bottom: 2px solid #0ba0ff; }

dt
{
width: 15em;
padding: 0.5em;
float: left;
margin: 0;
border-top: 1px solid #0ba0ff;
font-weight: bold;
}

dd
{
margin-left: 16em;
padding: 0.5em;
}

dd.first { border-top: 1px solid #0ba0ff; }

</style>

</head>

<body>

<dl>
<dt>Lorem ipsum dolor sit amet,</dt>
<dd class="first">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur enim risus, consequat at, </dd>

<dt>Lorem ipsum dolor sit amet,</dt>
<dd class="first">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur enim risus, consequat at, </dd>

</dl>

</body>
</html>