JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
    <head>
        <!-- Source File -->
        <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css"/>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssfonts/fonts-min.css">
        <style type="text/css">
            sup { font-size: 120%; vertical-align: super;  }
            .trademark { font-size: 100%; vertical-align: super; }
            h1 { font-size: 100%; }
        </style>

    </head>

    <body>

        <h1>This is a <sup>®</sup> test</h1>

        <h1>This is a <span class="trademark">®</span> test</h1>

    </body>

</html>