Почему ломаются ссылки?

Question

[Flurri]

Вопрос решен, ответ написал ниже.
Только учусь верстать и столкнулся с такой проблемой.
Есть меню, состоящее из списка и ссылок внутри li.
При обновлении страницы ссылки через раз ломаются ( приложу скрины ).
Но при обновлении страницы через ctrl + F5 все становиться нормально.
Подскажите, почему так происходит и как это исправить? - тут все хорошо
- а тут все съехало
Код ломающейся части меню:

<ul class="list_one_menu">
 <li><a href="" class="list_one_link">SHIPPING POLICY</a></li>
  <li><a href="" class="list_one_link">FIND STORE</a></li>
  <li><a href="" class="list_one_link">WISHUST (0)</a></li>
  <li><a class="list_one_link show_submenu">MATT THOMPSON <img src="img/down_arrow.png" class="down_arrow" alt="Стрелка вниз"></a></li>
  </ul>

СSS, относящейся к нему:

.list_one_menu
{
    width: 50%;
    text-align: right;
    display: flex;
    list-style-type: none;
    justify-content: flex-end;
    padding: 0;
}
.list_one_link
{
    color: rgb(214, 214, 214);
    text-decoration: none;
    padding: 16px;
    vertical-align: middle;
    transition: 0.4s;
    position: relative;
}
.list_one_link:hover
{
    color: white;
}
.down_arrow
{
    padding: 0 2%;
    vertical-align: middle;
}

UPD: Решил проблему запретом переноса на новую строку текста в ссылках. (white-space: nowrap;)

Comments

[zkrvndm]

Никто не будет вам по картинке гадать, а одних стилей недостаточно, чтобы воспроизвести проблему у себя - да даже больше скажу, никому нахрен не сдалось, что-то там пытаться воспроизводить у себя, используя в качестве исходных данных ваши скриншоты. Лучше подготовьте тестовую страницу с ошибкой и дайте всем ссылку на просмотр, только тогда вы можете рассчитывать на помощь.

[Flurri]

Надим Закиров, тестовою страницу и правда нужно было предоставить, я не подумал об этом. Но скопировать скинутый код тоже не сложно, он не такой большой. Тем более вопрос довольно легкий оказался и мне кажется, многие могли сталкиваться с подобным.

Answer 1

[Flurri]

Решил проблему запретом переноса на новую строку текста в ссылках с помощью white-space: nowrap;