Tem como fazer sup e sub ao mesmo tempo em HTML?

Tem como fazer sup e sub ao mesmo tempo em HTML?

Tipo no latex:

Olha não sou expert em CSS mas, simplesmente com CSS você pode resolver seus problemas:

DEMO

CSS

#supsub {
  font-family:"Courier New";
  font-size:16px;
  margin-right:15px;
}

#supsub sup {
  color:red;
  position:absolute; 
  margin-righ:15px;
}

#supsub sub {
  color:green;
  position:absolute;  
  margin-top:15px;
  
}

HTML

<div>
(a <span id="supsub">
<sup>1</sup>
<sub>2</sub>
</span>) estamos falando de CSS.
</div>

DEMO

Ísso é um pequeno exemplo, deve ser melhorado a parte do CSS e testado nos navegadores. Então isso é um chute inicial para sua solução.

Resultado obtido

1 curtida

Vai me ajudar e muito, tirei a cor e a fonte:

Só que achei o indicie da linha de cima, muito colada com o expoente da linha de baixo. Agora vou pesquisar sobre espaçamento de linhas em HTML, pra ver se tem alguma tag q aumenta isso =D
Valeu :grinning:

1 curtida