Зачем отображать разрывы встроенных блоков, overflow-wrap: break-word

a {
  font-size: 0.875rem;
  color: #006fdd;
}

.inline-block {
  display: inline-block;
  width: 100px; /* define width here */
}
.container {
   max-width: 100px;
   overflow-wrap: break-word;
   background-color: yellow;
   padding: 10px;
   margin-bottom: 20px;
}

<div class = "container">
  <a class = "inline-block">display: inline-block longlonglonglonglonglonglonglonglonglonglonglonglonglongtext@something</a>
</div>

<div class = "container">
  <a>display: inline longlonglonglonglonglonglonglonglonglonglonglonglonglongtext@something</a>
</div>

<div class = "container">
  <div>longlonglonglonglonglonglonglonglonglonglonglonglonglongtext@something</div>
</div>