JSFiddle - React, Tailwind, and code Playground

HTML

<div id="kasticketProducts">
        <div class="aProductHeader">
            <div class="omschrijving">
                omschrijving 
            </div>
        </div>
        <div class="aProduct">
            <div class="omschrijving">
                <span class="entryinner">
                Toddler bestek blauw <br />
                Toddler bestek blauw <br />
                    Toddler bestek blauw <br />
                    Toddler bestek blauw <br />
                </span>
            </div>
        </div>
</div>

CSS

#kasticketProducts{
    overflow:hidden;
    width:250px; /* for testing only */
    display: table;
}
.aProductHeader{
    display: table-cell; 
    background: #cac;
}


.aProduct{
    background: #cec;
    display: table-cell;     
}