I took your code and ran it in Chrome. An absolute offset of 42 leads to a much larger gap between the point and the number 7 at my end. I also had to rebuild some of P and PP to get similair result.
It takes the browser 182 pixels to write "training camps in Afghanistan." but the difference in position is about 302 in the sample. It looks like 302-42 that the parent has an offset of 260?
My assumption, based on the code that I see here, is that the line is "training camps in Afghanistan." is positioned inline in another element, but 7 is not. This is not a problem, but the extra gap makes labor more difficult.
On the other hand, it also explains why this can happen. There is no such thing as a super or index. To act as if we scale fonts and print them using offsets. This is no different for the PDF you are translating.
As a result, 7 is positioned differently and is written with a different font size than the rest of the text. Now I don’t know how your original PDF works with details, but the effect you see may be a margin difference.
In PDF, you can adjust several different font settings, for example, word spacing or indicate the level of indentation. I would say that your normal line offset has a left margin on the page, and 7 is set to absolute, or the font used has some special settings, making the sentence longer.
Since you already have Illustrator, you can check, not 7, but. located in the same place. I assume that this is not so, and 7 is correct. It just looks weird, but in fact all other simple texts are located differently in your html.
What you can do is that each word is positioned as absolute, not just strings. This would compensate for any differences in fonts, type settings, browser, or other effects.