> http://www.cs.tut.fi/~jkorpela/math/#fractions
>
> Their recommended solution (#8260 is the "fraction slash" character):
>
> .above, .below { font-size: 70%;
> font-family: Verdana, Arial, sans-serif; }
> .above { vertical-align: 0.7ex; } .below { vertical-align: -0.3ex; }
>
> <span class="above">5</span>⁄<span class="below">8</span>
I have had good success with this as well. It is a pretty decent method that
does not break your line spacing.
An alternate method that I've also used is:
.sup {
font-size: 0.67em;
position: relative;
top: -0.33em;
}
.sub {
font-size: 0.67em;
position: relative;
bottom: -0.2 em;
}
An example using inline styles can be found here:
http://www.hairydogdigital.com/samples/fraction.html
That example uses a standard forward slash (solidus). A better appearance
can be gotten using a fraction slash (u2044).
...Rob
____________________________________
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted.
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
