JSFiddle - React, Tailwind, and code Playground
HTML
<ul class="gmc-ingredient-list">
<li class="gmc-ingredient-list-item first-child" itemprop="ingredients">500g Tagliatelle</li>
<li class="gmc-ingredient-list-item" itemprop="ingredients">50g wortel</li>
<li class="gmc-ingredient-list-item" itemprop="ingredients">50g ui</li>
<li class="gmc-ingredient-list-item" itemprop="ingredients">50g bleekselderij</li>
<li class="gmc-ingredient-list-item" itemprop="ingredients">100g pancetta</li>
<li class="gmc-ingredient-list-item" itemprop="ingredients" style="
">200g half-om-half-gehakt</li>
<li class="gmc-ingredient-list-item" itemprop="ingredients">200g rundergehakt</li>
<li class="gmc-ingredient-list-item" itemprop="ingredients">200 ml Primitivo (rode wijn)</li>
<li class="gmc-ingredient-list-item" itemprop="ingredients">200ml runderbouillon</li>
<li class="gmc-ingredient-list-item" itemprop="ingredients">5 eetlepels tomatenpuree</li>
<li class="gmc-ingredient-list-item" itemprop="ingredients">Olijfolie</li>
<li class="gmc-ingredient-list-item" itemprop="ingredients">Zeezout</li>
<li class="gmc-ingredient-list-item last-child" itemprop="ingredients">Verse peper</li> </ul>
CSS
ul {
margin: 0;
padding:0;
-moz-column-count: 2;
-moz-column-gap: 0;
-webkit-column-count: 2;
-webkit-column-gap: 0;
column-count: 2;
column-gap: 0;
width:300px;
}
li {
background: url(http://allesoveritaliaanseten.nl/wp-content/uploads/2012/11/aoie-list.png) no-repeat scroll left top transparent;
list-style: none outside none;
padding: 0px 0 0 20px;
width: 130px;
}