• Descrição:

Olá a todos, 

Estou implementando um código CSS para usar como títulos dos tópicos no fórum.

Fiz com base em meu outro fórum e a imagem de fundo está do jeito que eu quero, porém, o texto que sai sob a imagem está ficando muito para cima.

Como posso centralizar (em altura) o texto? Já tentei mexer no "line-height", mas isso acabou cortando minha imagem.

Segue o código CSS:

Código:

.PW { /* DIV */
color: #ddd; 
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
font-variant: small-caps;
font-size: 17pt; 
text-align: center;
text-shadow: 0 2px 5px black;
line-height: 500%;
background-image:url('http://i55.servimg.com/u/f55/15/04/49/64/titulo10.png');
background-size: 80%, 80%; /* CSS3 */
-moz-background-size: 80%, 80%; /* Firefox 3.6 */
background-repeat: no-repeat;
background-position: center;
}
PW { /* TAG */
  color: #ddd;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-variant: small-caps;
  font-size: 17pt;
  text-align: center;
  text-shadow: 0 2px 5px black;
  line-height: 150%;
}

E a imagem de como está ficando:

Para ver o resultado dentro do fórum, favor acessar: Teste.

• Informações:

Código:

.PW {
   padding-top: 15px;
   padding-left: 20px;
}