Как убрать дерганье при наведении на меню?

Question

[Максим]

При наведении на пункт меню, все пункты съезжают в права.

.menu {
	margin: -25px 0 0 0;
	font-size: 16px;
	text-align: right;
}
li {
    display: inline-block;
    margin-left: 30px;
}
.menubot {
    color: #000;
    display: block;
    text-decoration: none;
}
.menubot {
    color: #000;
    display: block;
    text-decoration: none;
}
.menubot:hover {
    color: #000;
    display: block;
    text-decoration: none;
	font-weight: 500;
}

Comments

[Ivanq]

Выложите код на jsfiddle.net

[Максим]

Ivanq: jsfiddle.net/s0Lzq0jm

[georgich]

Максим: в каком браузере? Chrome все нормально.

[Максим]

georgich: Хром

Answer 1

[Therapyx]

У тебя сьезжяет только из-за font-weight: 500; у тебя там нету цельных блоков, а вот как раз таки увеличивая толщину шрифта, остальные лишки сдвигаются в сторону на "х px" от увеличенного размера толщины шрифта.
jsfiddle.net/s0Lzq0jm/3

Comments

[Максим]

Мне нужно чтобы при наведении текст меню становился жирным, поэтому воспользовался этим свойством .

[Therapyx]

Максим: Тогда тебе надо делать константный класс с шириной для каждой ячейки

[Therapyx]

Максим: k primeru tak jsfiddle.net/s0Lzq0jm/6

[Максим]

Therapyx: Спасибо