Icones no perfil

• Descrição:
  

Tenho uns icones no meu perfil, porém fica uns grandes, outro pequenos e fica desajustados.

Veja:

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Gostaria de deixa-lo assim: https://i.imgur.com/kVwgA4E.jpg

• Informações:
  

Fórum:

brasilplayfreedomofc.forumeiros.com/forum

Versão:

PUNBB

Veja:

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Tentei os tutoriais fornecidos no link acima e nenhum teve resultado.

É porque as imagens são grandes entende?
Bote estás eu redimensionei aqui está.

Ícones:

O código eu já tenho que é este: 

Código:

.pun .user .user-info .label:empty + img {
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  background: #fff;
  border: 1px solid #d8d8d8;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  height: 30px;
  margin-bottom: 5px;
  padding: 1px;
  vertical-align: middle;
  width: 30px;
}

O problema é que ta ficando um embaixo do outro, em vez de fica um do lado do outro.

@Edit

Mudei para as imagens que você sugeriu, porém não faz efeito.

Tente este código em que Cepheus me forneceu no fdf.
Adicione no seu css:

Código:

.post_field + br + .post_field + br + .post_field + br + .post_field, .post_field + br + .post_field + br + .post_field + br + .post_field +  .post_field, .post_field + br + .post_field + br + .post_field + br + .post_field +  .post_field + .post_field,.post_field + br + .post_field + br + .post_field + br + .post_field +  .post_field + .post_field + .post_field{ border: 0px solid #DDD;border-left: 0px solid #DDD;margin-bottom:0px; padding: 4px;text-align: center;float: left;}

Antes de criar minha dúvida, eu já tinha utilizado este código, porém não dá nenhum resultado, mas mesmo assim obrigado pela sua ajuda.

Já resolvi o problema, podem fecha o tópico.

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]