CSS
Posted: Wed Jan 11, 2012 7:50 pm
My team is having trouble with the display inline property when there are multiple nested levels of hierarchy in our data.
The inline seems to work correctly when there is one level of nested hierarchy.
For example, this:
Displays correctly inline, like this:
However, if there is more than one nested level of hierarchy, the inline display does not seem to work.
For example, this:
Displays incorrectly on two lines, like this:
Here is the CSS:
Can anyone advise on why the multiple nested levels are not displaying correctly? Any feedback much appreciated.
The inline seems to work correctly when there is one level of nested hierarchy.
For example, this:
Code: Select all
<section>
<enum>110.</enum>
<subsection display-inline="yes-display-inline">
<enum>(a)</enum>
<text>The first sentence of section 2 of the Federal Water Pollution Control Act [...]</text>
</subsection>
Code: Select all
Sec. 110.(a) The first sentence of section 2 of the Federal Water Pollution Control Act (33 U.S.C. 466-1) is amended by striking out Federal Water Pollution Control Administration and inserting in lieu thereof Federal Water Quality Administration.
For example, this:
Code: Select all
<section>
<enum>43.</enum>
<subsection display-inline="yes-display-inline">
<enum>(a)</enum>
<paragraph display-inline="yes-display-inline">
<enum>(1)</enum>
<text>Section 5 of the Act of May 13, 1954, as amended [...]</text>
</paragraph>
Code: Select all
Sec. 43.
(a)(1) Section 5 of the Act of May 13, 1954, as amended (33 U.S.C. 985), is further amended by inserting (a) immediately after SEC. 5., and by striking out the fourth, fifth, and eighth sentences thereof.
Code: Select all
subsection [display-inline="yes-display-inline"] {display: inline;}
paragraph [display-inline="yes-display-inline"] {display: inline;}