Função aba nos tópicos

Detalhes da questão

Endereço do fórum: www.tutorialdoca.com
Versão do fórum: PhpBB3

Descrição

Boa noite,

Estou executando um código tirado desse site:

https://codepen.io/cssjockey/pen/jGzuK

Com os códigos (copie o que estará em cada "spoiler" e cole no quadrado do site) abaixo:

HTML:

CSS:

JS:

Afim de obter o mesmo resultado que o site me proporciona, mas meu tópico não está "seguindo" corretamente:

http://www.tutorialdoca.com/t1380-topico-de-testes#1650

Como vocês podem ver, no site onde o código é oferecido as abas ficam na horizontal, mas no meu tópico, ficam na vertical.

Como posso arrumar isso?

Isso acontece porque o editor está interpretando os espaços como quebra de linha < br >
Adicione na sua folha de estilo CSS:

Código:

ul.tabs br, ul.tabs + br, ul.tabs + br + br, .tab-content + br {display:none!important}

@Cepheus

Eu te dava um beijo agora se pudesse! auehauehaueh

Me tira só mais uma dúvida:

Eu precisava deixar as abas centralizadas, como faço?

Só adicionar no seu css:

Código:

.container {
    width: auto!important;
    text-align: center;
}

Obrigado de verdade!