Consider the attached file lbl-test.html. When running the following command:
... in the resulting document, the <Lbl> tags appear as siblings of the <LI> tags, not as children of them; consequently, the document tree does not validate; see attachment lbl-test-01.pdf.
If I change line 17 of lbl-test.html to "display: block" rather than "display: inline-block", the <Lbl> tags appear as children of the <Lbody> tags, which still isn't quite right, though at least the document validates. However, the resulting reading order is kind of bizarre, with all of the ::before psuedoelements appearing to precede the actual list contents; see attachment lbl-test-02.pdf
I've tried styling the ::marker element rather than the ::before pseudoelement, but there doesn't seem to be any obvious way to achieve the demonstrated drop-cap-like effect by styling the ::marker element; in fact, setting the float property on the ::marker element appears to simply break the document tree in exciting ways without actually floating it.
prince --pdf-profile="PDF/UA-1" lbl-test.html
... in the resulting document, the <Lbl> tags appear as siblings of the <LI> tags, not as children of them; consequently, the document tree does not validate; see attachment lbl-test-01.pdf.
If I change line 17 of lbl-test.html to "display: block" rather than "display: inline-block", the <Lbl> tags appear as children of the <Lbody> tags, which still isn't quite right, though at least the document validates. However, the resulting reading order is kind of bizarre, with all of the ::before psuedoelements appearing to precede the actual list contents; see attachment lbl-test-02.pdf
I've tried styling the ::marker element rather than the ::before pseudoelement, but there doesn't seem to be any obvious way to achieve the demonstrated drop-cap-like effect by styling the ::marker element; in fact, setting the float property on the ::marker element appears to simply break the document tree in exciting ways without actually floating it.
Edited by David J Prokopetz