Fixing Superscripted Registered Symbol Line Spacing with CSS
Have you ever developed a site that uses the registered trademark symbol ® and you need it to be superscripted? Once you add the <sup> tags to it, you will notice that your line-height will get completely thrown out of wack (unless you have already given your text some line-height). A nice fix for this is to add a style to your CSS document.
.sup {
position: relative;
top: -3px;
font-size: 10px;
}
Then in your HTML
<span class=”sup”>®</span>
