Текст в элементе не переходит на новую строку при переполнении

Текст разделён тегами без пробелов, чтобы управлять отступами между inline-элементами

<style>
nav {
  background: mistyrose;
}
nav a {
  border: 1px solid red;
}
</style>

<nav class="raz"><a href="#">Ссылка</a><a href="#">Ссылка</a><a href="#">Ссылка</a><a href="#">Ссылка</a><a href="#">Ссылка</a></nav>

display: inline-block;

<style>
nav {
  background: mistyrose;
}
nav a {
  display: inline-block;
  border: 1px solid red;
}
</style>

<nav class="raz"><a href="#">Ссылка</a><a href="#">Ссылка</a><a href="#">Ссылка</a><a href="#">Ссылка</a><a href="#">Ссылка</a></nav>

word-spacing: -100%;

<style>
nav {
  word-spacing: -100%;
  background: mistyrose;
}
nav a {
  word-spacing: normal;
  border: 1px solid red;
}
</style>

<nav class="raz">
  <a href="#">Ссылка</a>
  <a href="#">Ссылка</a>
  <a href="#">Ссылка</a>
  <a href="#">Ссылка</a>
  <a href="#">Ссылка</a>
</nav>

Пробел без ширины ​

<style>
nav {
  background: mistyrose;
}
nav a {
  border: 1px solid red;
}
nav a::after {
  content: '\200b';
}
</style>

<nav class="raz"><a href="#">Ссылка</a><a href="#">Ссылка</a><a href="#">Ссылка</a><a href="#">Ссылка</a><a href="#">Ссылка</a></nav>