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
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;
}
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
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>
<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>
2 Comentarios por usuarios
gracias por los recursos,
Excelente gracias !!