Добрый день! У меня список номеров страниц. Который выглядит как на картинке сверху. Нужно чтобы стрелки налево\направо были на одной линии с цифрами. display:inline-block пробовола не помогло
<div class="page">
<div class="paginate">
<span class="icons">chevron_left</span>
<ul>
<li v-for="(item, index) in numbers" :key="item+'page'">{{index+1}}</li>
</ul>
<span class="icons">chevron_right</span>
</div>
</div>
CSS
.paginate{
display: inline-block;
max-width: 250px;
ul{
list-style: none;
padding: 0;
margin: 0;
display: flex;
overflow: hidden;
}
li{
color: #264348;
float: left;
padding: 8px 16px;
text-decoration: none;
// border: 1px solid #d2d7d3;
margin: 0 3px;
display: flex;
cursor: pointer;
}
span{
cursor: pointer;
}
}