Although it may not be the best application for lists, I think using
my method isn't too bad and it is attractive. It's a bit clunky, but
probably not as clunky as other options. The only issue I see is when
there is a lack of styles, you'll be looking at numbers in lists with
bullets. But, you'll probably run into this issue with other methods
also. Here's some sample code..
<html>
<head>
<style type="text/css">
.line {clear:left;}
ul {margin:7px 9px 0; padding:3px; list-style:none;
background:#eee; text-align:center; float:left;}
li.numerator {border-bottom:1px solid #000;}
p {float:left;}
</style>
</head>
<body>
<div class="line">
<p>In the fraction</p>
<ul>
<li class="numerator">3</li>
<li>2</li>
</ul>
<p>3 is the numerator and 2 is the denominator.</p>
</div>
<div class="line">
<p>In the fraction</p>
<ul>
<li class="numerator">1</li>
<li>2</li>
</ul>
<p>1 is the numerator and 2 is the denominator.</p>
</div>
<div class="line">
<p>In the fraction</p>
<ul>
<li class="numerator">6</li>
<li>18</li>
</ul>
<p>6 is the numerator and 18 is the denominator.</p>
</div>
</body>
</html>
______________________________________________________________________
css-discuss [[email protected]]
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/
