вот html:
.search__name {
color: #fff;
display: block;
width: 20%;
padding: 0.3em 0;
background-color: seagreen;
margin-bottom: 10px;
}
.search__list {
display: flex;
flex-wrap: wrap;
border: 1px #00f solid;
padding-left: 0;
padding: 10px;
}
<ul class="search__list">
<li class="search__name">Not Promised</li>
<li class="search__name">Not Promised</li>
<li class="search__name">Not Promised</li>
<li class="search__name">Not Promised</li>
<li class="search__name">Not Promised</li>
<li class="search__name">Not Promised</li>
<li class="search__name">Not Promised</li>
<li class="search__name">Not Promised</li>
<li class="search__name">Not Promised</li>
</ul>
как мне расставить отступы между элементами так, чтобы они были равны отступам рамки? Сейчас отступ у нижней рамки суммируется с отступом элементов. А если я сделаю margin
справа от элемента, то крайний элемент сдвинется вниз, тк ширина установлена как 1/5
от ширины блока