Definir listas para crear una secuencia de preguntas y respuestas

En cssnewbie encuentro un tips muy simple para definir listas que podremos utilizar al crear una secuencia de preguntas y respuestas. Aunque no necesariamente deben ser solo utilizadas para este fin, ya que es muy simple adaptarlos a otro tipo de ideas, pero si será muy útil para comenzar con una base bien ordenada que nos lleve a conseguir otro tipo de resultados para un proyecto determinado.

Ver Demo - Descarga ejemplos - Info cssnewbie - Via css-tricks
Como dar estilo

PLAIN TEXT

CSS:

#preguntas {
width: 450px;
margin: 15px auto;
}
dl {
margin: 20px;
border-left: 1px solid #999;
padding-left: 10px;
}
dt {
font-size: 2.0em;
margin-bottom: 10px;
}
dt span {
font-style: italic;
font-size: 1.3em;
}
dd {
font-size: 1.4em;
margin-left: 20px;
margin-bottom: 10px;
}

Estructura

PLAIN TEXT

HTML:

<div id="preguntas">
<dl>
<dt><span>Pregunta 2:</span>Por que las personas aprietan el control remoto con mas fuerza, cuando se esta quedando sin pilas? </dt>
<dd>Esta es unan pregunta un poco comica, pero admitan que todos terminamos haceindo lo mismo.</dd>
</dl>
</div>

Compartelo

Eduardo Cruz said,

Wrote on April 28, 2008 @ 16:36

Qué tal fuiste uno de mis seleccionados a recibir el Premio Brillante Weblog 2008 y, aunque esto suena a spam, te recomiendo que te des una vuelta por este enlace.

Saludos.
Asche said,

Wrote on April 30, 2008 @ 11:33

JAJAJAJ me cague de risa con esas preguntas.