JSFiddle - React, Tailwind, and code Playground

HTML

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

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;
  
}