Как предотвратить перемещение текста, когда пользователь изменяет размер окна?

Question

Когда я изменяю размер окна браузера, текст также перемещается. Есть ли способ предотвратить это?

Вот над чем я работаю:

nav {
   float:left;
   background-color: #b6d433;
   width:100vw;
   text-align: center;
   position:absolute;
   margin-top: 150px;
   z-index: -1;
   overflow: hidden;
 }

ul {
    list-style: none;
}

li {
    display: inline-block;
    padding-left:30pt;

}

Answer 1

Вы пробовали CSS Grid и / или Flex.

Answer 2

Вы можете попробовать использовать определенную ширину с неотвечающим модулем, таким как «px», вместо «vw». Но имейте в виду, что это приведет к не реагирующему поведению пользовательского интерфейса.