JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div class="wrap">
        <ul><li>
            <div class="ul-wrap"><img src="http://placehold.it/50"/>Text</div></li><li>
            <div class="ul-wrap"><img src="http://placehold.it/50"/>Text</div></li><li>
            <div class="ul-wrap"><img src="http://placehold.it/50"/>Text</div></li><li>
            <div class="ul-wrap"><img src="http://placehold.it/50"/>Text</div></li><li>
            <div class="ul-wrap"><img src="http://placehold.it/50"/>Text</div></li><li>
            <div class="ul-wrap"><img src="http://placehold.it/50"/>Text</div></li></ul>
    </div>
</div>

CSS

body, ul, ul li {
    padding:0px;
    margin:0px;
}

ul {
    list-style:none;
}

ul li {
    display:inline-block;
    width:33%;
}

.ul-wrap {
    margin:10px;
}