JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
  <div class="col-md-3">col-md-3
    <ul>
        <li><img src="http://placehold.it/60x60"/>Text Text Text</li>
        <li><img src="http://placehold.it/60x60"/>Text</li>
        <li><img src="http://placehold.it/60x60"/>Text Text Text</li>
        <li><img src="http://placehold.it/60x60"/>Text Text</li>
        <li><img src="http://placehold.it/60x60"/>Text Text Text Text Text</li>
        <li><img src="http://placehold.it/60x60"/>Text</li>
        <li><img src="http://placehold.it/60x60"/>Text Text</li>
    </ul>
  {# 3 more columns like this #}
</div>

CSS

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

div ul li {
    display: table-row;
}    
img {
    margin: 0 0 10px 0;
    padding: 2px;
    vertical-align: middle;
}