I'm experimenting with various ways of positioning heading auto-numbers to find the one that works best when the autonumber at any given heading level could be short (e.g. 1.1) or long (e.g. 20.11).
I've tried mc-auto-number-position: outside-left. That lets me use mc-auto-number-offset to position the LHS of the number with respect to the LHS of the heading text, but I gave up on it as I couldn't find a way to specify a minimum amount of white space between the number and the heading text when the number gains too many digits to fit.
I've tried mc-auto-number-position: inside-left. That makes the number part of the heading text and so prevents the number extending over the first few letters of the heading text, but (if I'm understanding it correctly) the only means it leaves me with for inserting white space between the number and the text is by typing one or more spaces at the end of the auto-number format string. If I'm wrong, and there IS a way to insert something equivalent to a tab character then please tell me!
Now I'm trying mc-auto-number-position: float-left. If I use padding-left: 0.5cm and margin-left: -0.5cm then I'll have 0.5cm of white space between the auto-number RHS and the heading text LHS, which gives me a bit more control than I'd have by typing space characters at the end of the mc-auto-number-format string. However it does make it hard to line up the the LHS of the text part of the headings with each other. They are close to being lined up, but unless I change to a fixed width font the difference in width between a 1 and an 8, for example, means the text part of the headings still don't quite line up.
Is there a way, when I'm using mc-auto-number-position: float-left, to overcome this problem? Are any of the following ideas possible to do in Flare's CSS?
- Independently position the auto-number part?
- Assigning an "at least x cm" width to the autonumber part, so it will never be less than x cm wide but will grow when necessary?
- Right-aligning the auto-number part, so that if it does vary in width then at least the wavy edge is on the left?