>> This is far to complex. In maths, a fraction 3 over 2 is also
>> the same
>> as 3 divided by 2. This markup and CSS does this.
>>
>> <sup>3</sup>/<sub>2</sub>
>>
>> --
>> Alan http://css-class.com/
>I run your code and saw your demo, but I wanted a horizontal line.
I took Alan's sample and expanded on it to provide a horizontal line. I
haven't extensively tested it but it works well for me on FF3.5.
.fraction {
line-height:160%;
display: inline-block;
vertical-align: middle;
}
.fraction .divider {
color: transparent;
float: left;
clear: left;
border-top: 1px solid black;
width: 100%;
line-height: 0;
height: 0;
}
.fraction sup, .fraction sub {
font-size:75%;
float: left;
clear: left;
}
<span class="fraction"><sup>3</sup><span
class="divider">/</span><sub>2</sub></span>
Mark
______________________________________________________________________
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/
