<script type="text/javascript" src="/js/utility.js"></script>  
  <style type="text/css">
.sample{margin:30px;border:1px solid #92cdec;background:#d7e7ff;padding:30px 30px 0 30px}  
dl{font-size:1.2em;line-height:170%;margin-bottom:20px}  
dl,dt,dd{padding:0;margin:0}  
.faqs{padding-top:20px}  
.faqs dt{font-weight:bold;background:url(/edit_media/2010/201009/20100914/faqs/images/q.gif) 0 4px no-repeat;padding:3px 0 15px 30px;position:relative;}  
.faqs dt:hover{cursor:pointer}  
.faqs dd{background:url(/edit_media/2010/201009/20100914/faqs/images/a.gif) 0 2px no-repeat;padding:0 0 5px 30px;position:relative;color:#333}  
.faqs .hover{color:#990000;text-decoration:underline}  
  </style>

<div class="sample">
  <dl class="faqs">
<dt>Здесь текст вопроса № 1</dt>
<dd>Здесь текст ответа на вопрос № 1</dd>
<dt>Здесь текст вопроса № 2</dt>
<dd>Здесь текст ответа на вопрос № 2</dd>  
<dt>Здесь текст вопроса № 3</dt>
<dd>Здесь текст ответа на вопрос № 3</dd>
  </dl>
  </div>  
  <div style="clear:both;"></div>