Custom style of superscript numbers

by Manuel Souto Pico

HTML

<div id="container">
            <div id="title">
                <b data-element-translation-key="76bff44289dbaebc1c4c9f5d73615981">עיצרו את
                    המכונית</b>
            </div>
            <hr />
            <p id="p1" data-element-translation-key="f07c6e60b1679caba524de7f12c7ae03">מרחק העצירה
                    <i>d</i> של מכונית נוסעת הוא סכום שני המרכיבים הבאים:</p>
            <ul>
                <li id="li1" data-element-translation-key="0da7ceb017a30f9f8a94555ae0e5e969">המרחק
                        <i>r</i> שעבר הרכב במשך הזמן הדרוש לנהג להתחיל ללחוץ על הבלמים (מרחק
                    התגובה).</li>
                <li id="li2" data-element-translation-key="b34d3d72bc1584de3e327ec155ea7c48">המרחק
                        <i>b</i> שעבר הרכב בזמן שהבלמים כבר מופעלים (מרחק הבלימה).</li>
            </ul>
            <br />
            <p id="p2" data-element-translation-key="a12fa7531199bfab7a4c4786161f728a">שני המרחקים
                    <i>r</i> ו <i>b</i> תלויים במהירות <i>v</i> של המכונית.<br /><br />הנוסחאות
                הבאות מבטאות את מינימום מרחקי התגובה והבלימה בכביש יבש:</p>
            <br />
            <div id="formula" data-element-translation-key="53f8335c4fbde58b34deaded0d06ae23"
                    ><i>r</i> = 0.3<i>v</i> וגם <i>b</i> = 0.006<i>v</i>²</div>
            <p id="p3" data-element-translation-key="881ada448f9df7a07a3bde909ec270c7">משתי נוסחאות
                אלה מתקבלת הנוסחה למרחק העצירה המוחלטת: <i>d</i> = 0.3<i>v</i> + 0.006<i>v</i>².</p>
            <br />
            <p id="p4" data-element-translation-key="c660a3a1c9a825510388c1f389369d65">הנוסחה הכתובה
                למעלה עבור <i>d</i> מתאימה לכביש יבש. כשהכביש רטוב, מרחק העצירה משתנה בגלל סכנת
                ההחלקה.</p>
            <hr />
        </div>

CSS

.superscript {
  font-size: 2em; 
  line-height: 2; 
  color: red /* added for visibility */
}

JavaScript

document.body.innerHTML = document.body.innerHTML.replace(/([⁰¹²³⁴⁵⁶⁷⁸⁹])/g, '<span class="superscript">$1</span>');