Pra mim também aparece com todo o texto na mesma linha, e acredito que vai acontecer o mesmo com todo mundo, por causa do HTML gerado e do CSS que o site usa.

---

O problema

Este Markdown:

<sub>

###### Área de rascunho

Esta é uma postagem para fins de teste, não gerando Tabcoins propositalmente como definido nas regras do algoritmo do Tabnews. O conteúdo aqui produzido não tem valor informativo. Este espaço está sendo utilizado apenas para testar novas publicações, sua aparência, antes de serem publicadas definitivamente no portal.

Por favor, não pontuar

</sub>

Gera este HTML:

<sub>
  <h6 id="gpoleszuk-content-área-de-rascunho-1">Área de rascunho</h6>
  <p>Esta é uma postagem para fins de teste, não gerando Tabcoins propositalmente como definido nas regras do algoritmo do Tabnews. O conteúdo aqui produzido não tem valor informativo. Este espaço está sendo utilizado apenas para testar novas publicações, sua aparência, antes de serem publicadas definitivamente no portal.</p>
  <p>Por favor, não pontuar</p>
</sub>

E se olharmos no developer tools do browser, vemos que o sub possui line-height igual a zero:

.markdown-body sub, .markdown-body sup {
    line-height: 0;
    ... etc
}

Isso que faz com que todo o texto fique em uma única linha. Se desabilitarmos o line-height (ou mudarmos para algum valor maior que zero), aí o texto passa a ser exibido normalmente.

---

Como resolver?

Somente pelo site, com todo o conteúdo que vc quer, não sei se tem um jeito simples. Eu até tentei forçar o line-height para algum valor diferente de zero:

<sub style="line-height: 1 !important;">

Mas o renderer parece ignorar e remover qualquer style que eu coloque. Segue o teste abaixo:

Área de rascunho

Esta é uma postagem para fins de teste, não gerando Tabcoins propositalmente como definido nas regras do algoritmo do Tabnews. O conteúdo aqui produzido não tem valor informativo. Este espaço está sendo utilizado apenas para testar novas publicações, sua aparência, antes de serem publicadas definitivamente no portal.

Por favor, não pontuar

O trecho acima foi colocado com style na tag sub, mas o HTML foi gerado sem o style. O curioso é que se eu editar, o style continua lá, então ele só é ignorado na hora de converter para HTML.

---

Uma solução seria usar algo externo ao site, como por exemplo o Stylus, que é uma extensão do Chrome que permite que vc altere/customize o CSS de qualquer site. No meu caso, eu só adicionei o trecho abaixo para o TabNews:

.markdown-body sub, .markdown-body sup {
    line-height: 1.5;
}

E assim o texto passou a ser exibido normalmente. Mas mudar o line-height diretamente via Markdown ou HTML no próprio post não sei se dá, pois como já disse acima, o renderer parece remover o style do elemento e usar somente o que está configurado na engine.

---

Sobre usar sub para estilizar

Na própria documentação da MDN tem o seguinte:

The <sub> element should be used only for typographical reasons - that is, to change the position of the text to comply with typographical conventions or standards, rather than solely for presentation or appearance purposes.

E na especificação do HTML temos:

These elements must be used only to mark up typographical conventions with specific meanings, not for typographical presentation for presentation's sake.

Ou seja, sub e sup não deveriam ser usados com o propósito de estilizar texto. É um uso torto e portanto não há garantia e nem obrigação de funcionar em todos os casos. Vale mencionar que nos links já citados é mencionado que o conteúdo destes elementos deve ser apenas phrasing content (e a lista destes elementos está aqui e aqui). Repare que h6 e p não estão na lista.

Ah, então a culpa é do Markdown que gerou esse HTML inválido.

Sim e não :-)

Historicamente as ferramentas que lidam com HTML (tanto os browsers quanto os softwares que geram) sempre foram - e ainda são - bem lenientes com HTML inválido e até mesmo mal-formado, e acabam aceitando muita coisa que não deveria. Cabe a nós tomar cuidado para não gerar nada fora do padrão (mesmo que muitas vezes "funcione").

Assim, oo problema é o uso da tag sub está errado (lembre que esse é um editor markdown), leitores markdown usualmente fazem interpretação semântica das tag e a sub é uma tag pensada pra ser inline, note que seu uso semântico não ocorre esse problema: H₂O = Água

O que causa essa falha de renderização é o conflito entre <sub> e o <p> gerado pelas linhas em branco entre os textos, retirando o <h6> e não deixando o markdown gerar as tags <p>:

Sem o h6 e com o sub inline: <sub>Esta é uma postagem para fins de teste, não gerando Tabcoins propositalmente como definido nas regras do algoritmo do Tabnews. O conteúdo aqui produzido não tem valor informativo. Este espaço está sendo utilizado apenas para testar novas publicações, sua aparência, antes de serem publicadas definitivamente no portal.

Por favor, não pontuar</sub>, funciona perfeitamente

Para corrigir é simples, não adicione linhas em branco dendo do sub, assim ele não gera as tags <p>, nesse caso é necessrário trocar ###### por <h6>

Área de rascunho

Esta é uma postagem para fins de teste, não gerando Tabcoins propositalmente como definido nas regras do algoritmo do Tabnews. O conteúdo aqui produzido não tem valor informativo. Este espaço está sendo utilizado apenas para testar novas publicações, sua aparência, antes de serem publicadas definitivamente no portal.Por favor, não pontuar

Adicionar essa regra CSS resolve:

sub > p, sup > p {
        display:inline;
}