Дмитрий

let pups = document.querySelectorAll('.pups');

for (let i = 0; i < pups.length; i++) {
  pups[i].innerHTML = +pups[i].innerText + 2;
}

content: counter(myCounter) ". ";

Пример

css вариант
Fiddle

Пример

html,
body{
    max-width: 100%;
    overflow-x: hidden;
}

Пример

Пример

По умолчанию .text - position: static, с котором z-index не работает, поэтому необходимо задать position: relative | absolute | fixed

Добавьте

a.link .text{
	position: relative;
	z-index: 2;
}

для li задать white-space: nowrap;

Пример

Пример