On Friday, September 24, 2010, 6:12:06 AM, Thierry Koblentz wrote:
> The technique used on Wikipedia won't give you the wrapping you want.
> What about using two spans and using this approach:
> <li><span class="num">2.1.1.2</span><span class="text">It shall be construed
> a crime against humanity to recover an ancient musical instrument from a
> secluded cave and subsequently play it in front of others.</span></li>
> .legal li li {padding-left: 4em;}
> .legal li span.num {float: left; margin-right: .3em; }
> .legal li span.text {display: block; overflow: hidden; zoom: 1;}
---
Thanks Thierry. I've just tried your suggestion. Unfortunately, in
Firefox 3.6 both the automatic and manual numbering appear and in
Internet Explorer 8 I get the manual numbering stacked above the
paragraph text rather than to its left.
So:
(FF)
1. 1. Blah-de-blah.
(IE)
1.
Blah-de-blah.
Just in case I've misunderstood and for info, I copied your text to
the head of my document (which is HTML 4.01 Transitional),
and increased the spacing between number and text to
1em viz:
<style type="text/css">
.legal li li {padding-left: 4em;}
.legal li span.num {float: left; margin-right: 1em; }
.legal li span.text {display: block; overflow: hidden; zoom: 1;}
</style>
Then in the body of my document:
<ol class="legal">
<li><span class="num">1.</span><span class="text"><b>Name</b><br>
The name of the organisation is ...</span></li>
<!-- etc. etc. -->
</ol>
Thanks again,
--
Geoff
______________________________________________________________________
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/
