lists with rules as breaks

I have included an example of a simple list that uses
a rule to break the line items. This is occasionally needed
to maintain the item count while segregating items into minor divisions.

The approach uses CSS  float and clear properties and works well
in the mozilla/netscape group of browsers.  

Amaya does not display in the same way ...  which browser is correct if any??
and is there a more universal way ...

Opera and MSIE do not render well either.  Opera has another interpretation
and msie  wants one to use text-align   to move the rule to the left ;-] ;-] ;-]
    but it is a geezer browser, over two yrs since revision and pretty frail now.;-] 

I wonder if there is any universal way that respects css ????
--
john russell ve3ll@rac.ca [those are L's as in LLAMA]
http://home.cogeco.ca/~ve3ll
http://home.cogeco.ca/~trains
http://home.cogeco.ca/~cipher

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>List with Rule as Break -- VE3LL@RAC.CA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
hr.x {float:left; width:99px;}
br.x {clear:left}
</style></head>
<body><h1>List with Rule as Break -- VE3LL@RAC.CA</h1>
<ol>
<li>Item One</li>
<li>Item Two</li>
<li>Item Three<hr class="x" /><br class="x" /></li>
<li>Item Four</li>
</ol>
</body></html>

Received on Monday, 12 April 2004 09:03:55 UTC