JSFiddle - React, Tailwind, and code Playground

HTML

<div class="divHolder">
    <div class="dynamic">1</div>
</div>

<div class="divHolder">
    <div class="dynamic">2</div><div class="dynamic">2</div>
</div>

<div class="divHolder">
    <div class="dynamic">3</div><div class="dynamic">3</div><div class="dynamic">3</div>
</div>

<div class="divHolder">
    <div class="dynamic">4</div><div class="dynamic">4</div><div class="dynamic">4</div><div class="dynamic">4</div>
</div>

<div class="divHolder">
    <div class="dynamic">5</div><div class="dynamic">5</div><div class="dynamic">5</div><div class="dynamic">5</div><div class="dynamic">5</div>
</div>

CSS

.divHolder {
    width: 400px;
    border: 2px solid red;
    margin: 0 0 16px 0;
    text-align: center
}
.dynamic {
    text-align: left;
    width: 100px;
    height: 50px;
    background: #ccc;
    
    display: inline-block;
    /* make it work in ie7 */
    *display: inline;
    zoom: 1
}