Как реализовать переход по ссылке силами CSS?

Question

[michadimin]

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

Использую следующий шаблон Сайд-бара, который нашёл в инете
Ссылка - https://codepen.io/arjancodes/pen/VwpVqL

Я понял как изменить надписи и значки, но вот в чём беда - это то, что я не понимаю как реализовать работоспособность этого сайд-бара!

Надписи находятся внутри CSS, соответственно и просто так ссылку я вставить не могу...

Если конкретно - мне нужно сделать так, чтобы он работал как ссылка, перебрасывающая на страницу.
Просто обернуть элементы в тэги "a" или "button" у меня не получилось, оформление ломается.

Answer 1

[alexalexes]

Нужно помнить, что у тега a и button по умолчанию поведение display: inline - строчные элементы.
Если хотите, чтобы они служили там, где используются блочные элементы (display: block) и блочно-строчные (display: inline-block), как div в вашем примере. Так обеспечьте их этим свойством - указав его явно.
Зная это, можно спокойно заменить div на a и решить вашу проблему.

Answer 2

[Николай]

Так вам пойдет?