Erro na exibição dos elementos div na página

Bom dia!

Estou com um problema na exibição da minha página. Os códigos de estilo são:

.conteudo {
padding:20px 0 20px 0;
}
.content {
background:url(inativo.fw.png);
display:inline-block;
font-size:12px;
height:140px;
margin:0 20px 0 0;
padding: 10px 10px 0 30px;
text-align:left;
width: 260px;
}

background:url(ativo.fw.png);
}
.header_content {
display:block;
font-weight:bold;
font-size:14px;
margin:0 0 10px 0;
text-align:center;
text-decoration:underline;
}

A estrutura que utiliza o estilo acima:

<div class="conteudo">
<div class="content">

<span class="header_content">Mudanças Particulares</span>
Se você pretende se mudar, nós temos a solução!<br />Daremos um cuidado todo especial, garantindo a segurança absoluta dos seus bens até o destino final.<br />Contamos com uma equipe experiente e cautelosa, zelando sempre pelo seu patrimônio.</div>
<div class="content">
<span class="header_content">Fretes exclusivos</span>
Precisa de uma carga urgente? Nós temos a solução! Contrate nossos serviços de fretes exclusivos e receba sua mercadoria em até 24h através do nosso sistema <span class="footer_contact">JM Express</span></div>

<div class="content">
<span class="header_content">Teste</span>
Agora estou colocando este texto apenas para testar o efeito que será causado pelo box inline.</div>
<div class="content">
<span class="header_content">Teste</span>
Agora estou colocando este texto apenas para testar o efeito que será causado pelo box inline.</div>
<div class="content">
<span class="header_content">Teste</span>
Agora estou colocando este texto apenas para testar o efeito que será causado pelo box inline.</div>
<div class="content">
<span class="header_content">Teste</span>
Agora estou colocando este texto apenas para testar o efeito que será causado pelo box inline.</div>
</div>

A exibição está assim: