Почему ломается верстка?

Question

[Андрей Сальников]

<ul class="nav">
            
          
            
          <li class="nav__item">
            <a class="nav__link" href="#">Главная</a>
          </li>
          <li class="nav__item">
            <a class="nav__link" href="#">Услуги</a>
          </li>
          <li class="nav__item">
            <a class="nav__link" href="#">Акции</a>
          </li>
          <li class="nav__item">
            <a class="nav__link" href="#">Сотрудничество</a>
          </li>
          <li class="nav__item">
            <a class="nav__link" href="#">Галерея</a>
          </li>
          <li class="nav__item">
            <a class="nav__link" href="#">Вакансии</a>
          </li>
          <li class="nav__item">
            <a class="nav__link" href="#">Контакты</a>
          </li>
        </ul>

Есть вот такой кусочек кода. Он растягивается по длине контейнера с помощью text-align: justify и display: inline-block.
Но стоит сжать это ( убрать пробелы и переносы ), как он перестает работать. Почему?
Вот сайт на котором проблема - window.iren63.ru

Answer 1

[Кирилл]

Не работает inline block justify выравнивание? - был уже такой-же вопрос.
На stackoverflow тоже натыкался на обсуждение данной проблемы.
Простого и красивого решения нету и, скорее всего, не будет.