JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>доставка</li>
    <li>доставка</li>
    <li>оплата</li>
    <li><span class="img"></span></li>
    <li>самовывоз</li>
    <li>контакты</li>
    <li>контакты</li>
</ul>

CSS

ul {
    width: 100%;
    margin: 0;
    padding: 0;
}

li {
    margin: 0;
    width: 20%;
    display: block;
    float: left;
    text-align: center;
       
}

/* этот блок не нужен, у вас там будет картинка */
.img {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: green;
    border-radius: 50%;
}