Focus

This is the blog for my web design, development and marketing company, Red Kite Creative. Mostly what I'll be writing about is work-related but anything is fair game. Read more about me here...


View Debbie Campbell's profile on LinkedIn

What I'm Reading



View my bookstore













Superscripts in CSS

April 12th, 2007 by debbie campbell

Today I’m coding a site that needs little ‘TM’ text attached to all the product names. I wasn’t sure how to do this but Wikipedia to the rescue:

/* keep superscript text from breaking the line-spacing */
#bodyContent sup {
font-size: smaller;
vertical-align: baseline;
position: relative;
bottom: 0.33em;
}

This code plays nicely with FF, IE7 and 6, and Opera.

Posted in CSS |

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment a bit. Please stay on topic. If you submit spam or irrelevant comments, it will be deleted and your IP will be banned.