Love Sound System

Salve Galera!

Tenho uma dificuldade grande para aninhar divs. Não quero que simplesmente meu problema seja resolvido, preciso aprender isto, entende-las bem.

É o seguinte,

Tenho uma div para o topo, outra para o menu uma para conteúdo, uma para o rodapé. Até aí está funcionando perfeitamente, mas isto fiz em cima de um modelo de layout que catei na net, por tanto não trabalhei em cima destes aninhamentos.

Criei dentro da Div conteúdo, uma div para o texto, porque? Porque a div conteúdo faz o fundo branco, e a div conteúdo é menor em questão de largura, deixando o texto mais centralizado, mais longe das bordas do fundo branco. Mas isto também está funcionando.

Agora, para a página de notícias (abaixo deixo o link para o site em questão) quero colocar várias linhas com 2 notícias em cada linha, tentem imaginar uma verdadeira tabela, só que feita com divs.

As notícias atualmente estão em texto, uma abaixo da outra, vejam aqui.

Tenho a seguinte tabela com 2 colunas e 2 linhas

<table class="advogado_noticias" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td>
<h3>
Título1
</h3>
<p>
&nbsp;
blá blá
</p>
</td>
<td>
<h3>
Título2
</h3>
<p>
&nbsp;
blá blá
</p>
</td>
</tr>
<tr>
<td>
<h3>
Título3
</h3>
<p>
&nbsp;
blá blá
</p>
</td>
<td>
<h3>
Título4
</h3>
<p>
&nbsp;
blá blá
</p>
</td>
</tr>
</tbody>
</table>

No css em relação a tabela tenho o seguinte:

.advogado_noticias
{
align: center;
width: 90%;
}
.advogado_noticias tr td
{
width: 145px;
}

A questão é que por exemplo, a coluna da esquerda está mais para baixo do que a coluna da direita, não estão aninhadas. Ficando desproporcional e despadronizado.

É uma tabela para uma página de notícias, mas só as prévias das notícias, o textos serão curtos e seguidos de um link 'Leia mais' para ir então para a página que possui a notícia completa.

Algúem pode ajudar?