html - どこに移動しても他のテキストに影響を与えないように、上付き文字に与えることができるプロパティは何ですか?

Question

CSS を使用して上付き数字を移動し、テキストの横ではなく真上に浮かせたいのですが、周囲のテキストにマージンを作成したくありません。

負のマージンを使用してみましたが、上付き文字が同じ数字/サイズでない場合、すべてが台無しになります。

このように平らにしたい：70/80/90/100/110

ここに私のHTMLがあります:

70/80<sup class="buffSup">-5</sup>/90<sup class="buffSup">-10</sup>/100<sup class="buffSup">-15</sup>/110<sup class="buffSup">-20</sup>

そして、これが私がCSSで得た限りです：

.buffSup {
    display: inline;
    position: relative;
    color: green;
    font-weight:bold;
    left: -1.18em;
    top: -1.2em;
    font-size: 73%;
    margin-left: -0.45em;
    margin-right: -0.59em;
}

また、これを完全に達成するためのより良い方法についても耳を傾けていますが、コンテンツは静的ではありません。