Я создаю инкрементную игру, и я изо всех сил стараюсь, чтобы два изображения были относительно друг другу

Question

В этой игре с добавлением вы щелкаете, чтобы получить золото. Золотая ценность представлена ​​рядом с золотой иконой. Проблема в том, когда значение становится достаточно высокой цифрой, оно перекрывает значок. Я хочу это сделать, когда числовое значение становится достаточно высокой цифрой, значок золота слегка перемещается влево, чтобы предотвратить совпадение. Это то, что я как сейчас ↓

#text{ 
color: gold; 
display:block; 
position: absolute; 
top: 275px; 
right: 100px;} 

#gold{ 
display:block; 
position: absolute; 
top: 285px; 
right: 125px; } 

Answer 1

Кроме того, что сказал @Rick, вы могли бы дать #text значение width и установите text-align:center поэтому он всегда остается в том же месте, независимо от того, насколько велики числа.