Как сделать - Вертикальное меню

.vertical-menu {
  width: 200px; /* Установите ширину, если хотите */
}

.vertical-menu a {
  background-color: #eee; /* Серый цвет фона */
  color: black; /* Черный цвет текста */
  display: block; /* Сделайте так, чтобы ссылки отображались друг под другом */
  padding: 12px; /* Добавьте отступ */
  text-decoration: none; /* Удалить подчеркивание из ссылок */
}

.vertical-menu a:hover {
  background-color: #ccc; /* Темно-серый фон при наведении курсора мыши */
}

.vertical-menu a.active {
  background-color: #04AA6D; /* Добавить зеленый цвет к "активной/текущей" ссылке */
  color: white;
}

.vertical-menu {
  width: 200px;
  height: 150px;
  overflow-y: auto;
}