Bild in die Kopfzeile einfügen und diese bündig mit der Skala

Question

Ich möchte ein Bild über einer Skala einfügen, welches auf der Skala bewertet werden soll. Dabei ist eigentlich egal ob das Bild nun in der Kopfzeile, der Anweisung etc. ist. Das Bild soll ganz rechts positioniert werden und soll bündig mit der Skala abschließen. Die Skala ist 690 px breit. Das Bild rutscht aber immer viel weiter nach rechts als die Skala (manchmal auch nach links, nur einfach nicht dahin wo es hin soll...).
Siehe Bild, es soll dahin wo das rote Rechteck ist.

Answer 1

Sie könnten einstellen, dass die Beschriftungen "nach innen" platziert werden (also rechtsbündig zum rechten Skalenende), und das Bild als Teil der Beschriftung einfügen.

Alternativ können Sie das Bild in einen Block legen, der genauso breit ist wie die Skala plus Beschriftungen (an den Zahlen müssen Sie evtl. noch ein wenig optimieren, wenn es passt, entfernen Sie den Rahmen "border") und zentriert:

<div style="width: 800px; border: 1px solid green; text-align: right; margin: 0 auto;">
    <img src="..." alt="">
</div>