tags:

views:

177

answers:

4

I would like all "®" on a site to be in superscript. Can I do that with CSS?

+3  A: 
<sup>&reg;</sup>

Unfortunately CSS doesn't have a way to specify superscript's. You can however simulated it using a span and some tags.

http://www.webmasterworld.com/forum83/1031.htm

AverageAdam
Note: I was wrong about CSS not having a super property. Thanks JasonWyatt.
AverageAdam
+4  A: 

AverageAdam's answer will work fine, but if you for some reason wanted a CSS version, you could do this:

.sup { vertical-align: super; }

and

<span class="sup">&reg;</span>

From here.

JasonWyatt
+1  A: 

I know you asked CSS but this jQuery code worked for me, hope it helps you

<html>
    <head>
        <script type="text/javascript"
            src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"&gt;
        </script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("body").html(
                    $("body").html().replace("®", "<sup>&reg;</sup>")
                ); 
            });
        </script>
    </head>
    <body>
        Some text here &reg;
    </body>
</html>
victor hugo
A: 

Further to the previous answers, I'd suggest that superscript is presentational rather than semantic, and therefore styling the registration mark should be done using CSS. Whether superscripted or not, a registration mark is still a registration mark, and would be recognised as a registration mark by humans/computers. The symbol itself may be considered semantic, in that it gives a 'special' meaning to the object to which it relates, but the styling of it is entirely presentational. By convention the registration mark is often (but not always) superscripted, as is the trademark symbol.

NeonBlue Bliss