Rod wrote: "re page at http://www.rootsweb.ancestry.com/~nylnphs/V0/bylaws.htm *Problem:* I cannot get the section numbers (e.g. ?2.) to render OUTSIDE the principal box. All browsers insist on rendering INSIDE, so that the continuation lines align with it instead of standing outset to the left. Here is the relevant CSS ... {deleted}" I suspect the "problem" is that you're ignoring the fundamental HTML "box rule". Most HTML elements -- including list items -- are "nonreplaced elements" and have their content presented by the user agent (browser) within a box generated by the element. CSS allows you to play with the boxes' sizes; it doesn't allow you to break the boxes. -rt_/)

On Friday, November 19, 2010 6:10 AM Ralph wrote:- > > I suspect the "problem" is that you're ignoring the fundamental HTML "box > rule". Most HTML elements -- including list items -- are "nonreplaced > elements" and have their content presented by the user agent (browser) > within a box generated by the element. CSS allows you to play with the > boxes' sizes; it doesn't allow you to break the boxes. > > -rt_/) -------------------------------- Ralph, In the case you referred to, the use of the pseudo class ":before" shifted the goal posts, and the browser(s) hanging indent also moves. That can be fixed with the judicious use of margins. By design, the space between the list identifier, i.e "bullet"/"#" and the commencement of the data line is fixed. Even that can be changed, e.g. <li><b>data</b></li>, and the styles for <b> are:- b { display:block; font-weight:normal; margin:-1.2em 0 0 1em; } An example (using part of the page posted by Rod Davis) is at:- http://freepages.rootsweb.com/~bristowe/test/indent-example.html There is of course the inherent problem of how the IE stable of browsers may, or most probably wont handle these issues. jQuery does provide a cross-browser method. Barry