CSS for hanging paragraphs
XSweet extracts regular paragraph indentation from Word into CSS correctly, but it needs a tweak to how it handles hanging paragraphs.
Indentation without hanging works great:
One indent no hanging: <w:ind w:left="720"/>
-> <p style="margin-left: 36pt">
Two indent no hanging: <w:ind w:left="1440"/>
-> <p style="margin-left: 72pt">
But the indentation with hanging needs another CSS property to be correct:
One indent hanging:
<w:ind w:left="1440" w:hanging="720"/>
-> <p style="padding-left: 36pt; text-indent: -36pt">
It needs a margin-left: 36pt;
added in addition to what's already there to be correct.
Two indent hanging:
<w:ind w:left="2160" w:hanging="720"/>
-> <p style="padding-left: 36pt; text-indent: -36pt">
It needs a margin-left: 72pt;
added in addition to what's already there and then it's correct.
Here's an test docx: hanging.docx