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