Definir Lista para Criar Sequencias de Perguntas e Respostas

May 21, 2008 I CSS.

CSS para Lista de Perguntas e Respostas, excelente para montar FAQs com estilo

CSS:

1
2
3
4
5

#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;}

Estrutura HTML:

1
2
3
4
5
6
7
8
9

 <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>

Via: Xyberneticos

Leave a Reply