Почему этот код не работает и как сделать его рабочим в chrome?
ссылка на codepen<div class="container">
<ul class="list">
<li class="item"><a href="#" class="text">some text</a></li>
<li class="item"><a href="#" class="text">some text</a></li>
<li class="item"><a href="#" class="text">some text</a></li>
</ul>
</div>
.container {
width: 100px;
}
.list {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.item {
display: inline-block;
}
.text {
display: block;
}
в FireFox
в Chrome