JSFiddle - React, Tailwind, and code Playground

by Sergiy Franchuk

HTML

<div class="container">

        <div class="row">
            <div class="col-xs-6 col-md-3 col-centered">
                <ul id="ulNoDeco">

                    <li > 
                        <h2> FREE </h2>
                    </li> 

                    <li> 
                        test
                    </li> 
                </ul>
            </div>

            <div class="col-xs-6 col-md-3 col-centered">
                <ul id="ulNoDeco">

                    <li > 
                        <h2> TESTING </h2>
                    </li>

                    <li > 
                        test
                    </li>

                    <li id="test"> 
                        test
                    </li> 

                    <li id="test"> 
                        test
                    </li>   

                </ul>
            </div>

        </div>
    </div>

CSS

ul {
  float: left;
}