JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="dynamic">
    <li class="dynamic">"something1"</li>
    <li class="dynamic">"something2"</li>
    <li class="dynamic">"something3"</li>
    <li class="dynamic">"something4"</li>
    <li class="dynamic">"something5"</li>
    <li class="dynamic">"something6"</li>
        <li class="dynamic">"something5"</li>
    <li class="dynamic">"something6"</li>
        <li class="dynamic">"something5"</li>
    <li class="dynamic">"something6"</li>
        <li class="dynamic">"something5"</li>
    <li class="dynamic">"something6"</li>
</ul>

CSS

ul {
    columns:3 100px;
    -webkit-columns:3 100px;
    /* Safari and Chrome */
    -moz-columns:3 100px;
    /* Firefox */
    display:block;
    width:450px;
    border: thin black solid;
    background:url(http://www.ublush.com/Content/Images/verticalDivider.gif);
    background-position: left center;
    background-repeat: no-repeat;
}