Смещение элементов при наведении ⇐ CSS

[Anonymous]

Я создаю элемент div, в котором элементы накладываются друг на друга. Вес шрифта меняется, когда я навожу курсор на теги привязки в div. Проблема в том, что при изменении веса шрифта смещаются и другие элементы. Это вызывает у моего div очень шаткое ощущение. какие изменения мне следует внести, чтобы изменить вес шрифта, но не вызывать перемещение других элементов. Я прилагаю часть своего кода для того же самого

.discount{ дисплей: гибкий; гибкое направление: столбец; оправдание-содержание: центр; положение: относительное; поле слева: 2%; маржа справа: 2%; маржа сверху: 100 пикселей; } .скидка а{ поле внизу: 5 пикселей; положение: относительное; вес шрифта: 400; /* Устанавливаем нормальную толщину шрифта */ } .discount a:hover { вес шрифта: 700; /* Устанавливаем толщину шрифта при наведении */ Скидка1 Скидка2 Скидка3 Скидка4 Скидка4