Простите, я привел не корректный пример. Ниже приведена верска с существующей проблемой в IE10
<ul class="list">
<li class="list__item"><a class="list__link" href="#"><span>First</span></a></li>
<li class="list__item"><a class="list__link" href="#"><span>Second</span></a></li>
<li class="list__item"><a class="list__link" href="#"><span>Third</span></a></li>
<li class="list__item"><a class="list__link" href="#"><span>Fourth Lorem ipsum dolor sit amet.</span></a></li>
<li class="list__item"><a class="list__link" href="#"><span>Fifth</span></a></li>
<li class="list__item"><a class="list__link" href="#"><span>Sixth</span></a></li>
<li class="list__item"><a class="list__link" href="#"><span>Seventh</span></a></li>
<li class="list__item"><a class="list__link" href="#"><span>Eighth Lorem ipsum dolor sit amet.</span></a></li>
</ul>
.list {
display: flex;
max-width: 1170px;
margin: 0 auto;
&__item {
padding: 25px 18px;
}
}