Evitar quebra de linha na legenda

Detalhes da questão

Endereço do fórum: http://master-publicitario.forumeiros.com/forum
Versão do fórum: PhpBB3

Descrição

Olá!

Gostaria de ajustar o aspeto da legenda dos grupos do meu fórum, acrescentei um grupo e agora ficou assim:


Queria colocar o "Programadores" ao lado de "Designers", código de .CSS:

Código:

/* Aspecto de legenda */
#i_whosonline + p br + br + em {
      width: 70%;
      background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
      border: 2px solid #DDD;
      border-radius: 6px;
      text-align: justify;
      padding: 10px 8px 5px 5px;
      display: block;
      margin: 0 auto;
      font-size: 0px;
      color: transparent;
  }
  #i_whosonline + p br + br + em a {
      -webkit-transition-duration: .3s;
      font-size: 15px;
      margin: 0 5px;
      font-style: normal;
      font-weight: normal;
  }
  #i_whosonline + p br + br + em a:hover {
      background: #DDD;
      padding: 10px 8px 5px;
  }
  #i_whosonline + p br + br + em {
    text-align: center !important;
    width: 71% !important;
}
 .img-whois {
   float: right;
    margin-left: 5px;
}
   #i_whosonline + p br + br + em {
    text-align: center !important;
    width: 81% !important;
}
 #i_whosonline + p br + br + em { padding: 10px 65px 5px 5px !important; }

Olá.

Adiciona no inicio do teu CSS:

Código:

#i_whosonline + p br + br + em a { margin: -5px !important; }

Abraços.
Fraise

@Fraise só podia ajustar uma coisa? Ao passar o mouse por um dos grupos volta para baixo o "Programadores" queria evitar isso, é possível?

Olha amigo, adicone esse codigo CSS em no inicio de sua folha de estilo:

Código:

 #i_whosonline + p br + br + em a {font-size: 13px;}

ira diminuir pouca coisa do tamanho, não se preocupe, ele atualmente ta em 16px.

Mas pelo menos não terá esse "probleminha" que você citou.

Troque por este:

Código:

#i_whosonline + p br + br + em a { margin: -8px !important; }

Até mais.

Ficou perfeito obrigado a ambos!