I am using prince to lay out a document with paragraphs that contain some "chatty" footnotes, some of which contain elements like tables.
My main body paragraphs are marked up using [p] tags and my footnote tags are marked up using [span] tags, which seems to make a lot of semantic sense. However html doesn't like block-level elements like [table] to be placed in inline containers like p or span, so everything explodes as soon as it gets to the block level element in my footnote span.
The only way I can think to make this work is potentially to markup all my paragraphs as individual divs (so, use <div> instead of <p> everywhere I have a paragraph), but that feels pretty gross. Is there a better way?
I have attached some example code that demonstrates what I'm trying to do.
My main body paragraphs are marked up using [p] tags and my footnote tags are marked up using [span] tags, which seems to make a lot of semantic sense. However html doesn't like block-level elements like [table] to be placed in inline containers like p or span, so everything explodes as soon as it gets to the block level element in my footnote span.
The only way I can think to make this work is potentially to markup all my paragraphs as individual divs (so, use <div> instead of <p> everywhere I have a paragraph), but that feels pretty gross. Is there a better way?
I have attached some example code that demonstrates what I'm trying to do.