<div>
  <p>paragraph with &lt;span&gt; tag<span>superscript</span>
  </p>
  <p>paragraph with &lt;sup&gt; tag<sup>superscript</sup>
  </p>
</div>

div {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
  width: 100vw;
  height: 100vh;
  font-size: 30px;
}

span {
  font-size: 20px;
  vertical-align: top;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.