Adicionar borda e centralizar status do avatar

Detalhes da questão

Descrição

Então, a minha dúvida é a seguinte: Como faço para deixar essa parte do fórum:
EXATAMENTE dessa forma:

com as fontes, contorno/borda, etc. Por favor, me ajudem. E se já existe essa dúvida, podem ter a certeza que não achei a resposta para as minhas dúvidas, pois eu pesquisei sobre e não achei nenhuma coerente com a minha situação.

iScroll escreveu:Olá autor, peço que crie um tópico qualquer no seu fórum e me mande para eu efetuar os testes.

Código:

.pun .user .user-info {

Código:

margin-left: 11px;
    border: 1px solid #ddd;
    text-align: center;

iScroll escreveu:Na sua folha de estilo CSS procure por:

Código:

.pun .user .user-info {

E adicione:

Código:

margin-left: 11px;
    border: 1px solid #ddd;
    text-align: center;

De fato funcionou, mas no final, eu desejo que tenha um espaço entre os status e o próprio tópico, assim:



Além disso, eu gostaria também que seja destacado com negrito os status, desse jeito:

Código:

.pun .user {

Código:

    margin: 10px;

Código:

span.label {
    color: #000;
}