'How To Create a Horizontal Scrolling Menu starting from the centre?

How to create a Horizontal Scrolling Menu starting from the centre as shown in the image below? I need to add scrolling to my page.

.vist {
    text-align: center;
    overflow: auto;
    white-space: nowrap
}

enter image description here

css scroll menu

Solution 1:^[1]

If you make a width of 200% of the screen viewport, that should do it

.vist {
     width: 200vw;
          }

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source
Solution 1	rootmeih