JSFiddle - React, Tailwind, and code Playground

HTML

<script type='text/javascript' src='http://code.jquery.com/jquery-1.11.1.min.js'></script>
<script type='text/javascript' src='http://rawgit.com/fzondlo/jquery-columns/master/jquery-columns-plugin.js'></script>

<ul class='cols2'>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
</ul>

<div style='clear:both'></div>

<ul class='cols5'>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
</ul>

CSS

ul.cols2 {
  width: 50px;
  float: left;
}

ul.cols5 {
  width: 50px;
  float: left;
}

JavaScript

$('.cols2').cols(2);
$('.cols5').cols(5);