JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <div class="icon"></div>
        1.Warenkorb
    </li>
    <li>
        <div class="icon"></div>
        1.Warenkorb
    </li>
    <li>
        <div class="icon"></div>
        1.Warenkorb
    </li>
    <li>
        <div class="icon"></div>
        1.Warenkorb
    </li>
    <li>
        <div class="icon"></div>
        1.Warenkorb
    </li>
</ul>

CSS

li{
    float: left;
    list-style: none;
    width: 20%;
    position: relative;
}

li .icon{
    background: url('http://tnsdev.cloudapp.net/dev/steps_icon.png') no-repeat;
    width: 44px;
    height: 44px;
}

li:last-child:before{
    display: none;
}

li:before{
    content: '';
    position: absolute;
    top:0; left:0; right:0; bottom:0;
    background: url('http://tnsdev.cloudapp.net/dev/steps_slice.png') repeat-x;
    z-index: -1;
}