The German version: https://habitica.fandom.com/de/wiki/Beispiele_f%C3%BCr_Gewohnheiten - If you scroll down to the red and white box for "Kunden anrufen/Anrufe aufschieben", you'll see that the +1 | -10 entries are offset on different lines. We've copied the task template to the German Wiki verbatim, and the call lines to it in the Sample Habits topic are the same, but the formatting doesn't work.
Something is causing the span tags to become mismatched. The odd thing is, I can't tell what it is. As you stated, the templates have been copied verbatim and all of the surrounding HTML appears to be correct. It is literally only when you get to those span tags that something goes wrong.
Does not appear to be any site CSS/JS differences and when I copy-and-paste the English content onto the German wiki, I get the same display issue. I would suggest contacting staff at this point. Be sure to include a link to this thread.
A <p> tag is a "paragraph" tag in HTML. Basically, the extra line break told MediaWiki (the software running Fandom) to add a paragraph. Paragraphs automatically add in a top and bottom margin as to separate itself from the paragraph before and/or the next (or the element directly above or below the paragraph). IE: if I use the code <p>Paragraph 1</p><p>Paragraph 2</p> even though they are on the same line, MediaWiki converts that into this:
That extra "padding" disrupts the flow of those numbers being on the same "line" as the first number had that padding and the second number did not.