Criar tópico tableless

Pessoal, quero criar uma div que se pareça com tópicos para serem acessados ao clicar neles.

A estrutura de todos os tópicos será esta:

<div class="topico">
 <figure>
 <img ... />
 </figure>
 <div class="titulo">
 <!--! texto qualquer -->
 </div>
 <div class="conteudo">
 <!-- Texto qualquer -->
 </div>
</div>

Então, eu queria um CSS que fizesse aparecer deste jeito:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i63.tinypic.com/5p0w8n.jpg&key=9a78b6981598984748cf4bcf9112d26f6e3faaa66498b0c2a7c838d1e6a4477a" alt="5p0w8n.jpg" />

Observação: As linhas são só para exibir a demarcação das divs.

Já tentei colocar overflow, clear, mas nada. Ainda estou pesquisando na internet, mas se alguém puder ajudar, agradeço muito.