Criar tópico tableless

[rioleal 0]

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:

 

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.

 

[rioleal 0]

Resolvido.

Decidi retirar as Divs de título e de conteúdo e colocar o texto dentro da tag <p></p>.

 

Desta forma ficou como eu queria.