JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css">
<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>
<fieldset class="ui-grid-a">
            <div class="ui-block-a">
                <ul data-role="listview">
                    <li><a href="#action">France</a></li>
                    <li><a href="index.html">Germany </a></li>
                    <li><a href="index.html">Great Britain</a></li>
                    <li><a href="index.html">Finland </a></li>
                </ul>
            </div>
            
            <div class="ui-block-b">
                <ul data-role="listview">
                    <li><a href="#action">Blah</a></li>
                    <li><a href="index.html">Blubber</a></li>
                    <li><a href="index.html">blubb</a></li>
                </ul>
            </div>       
        </fieldset>

CSS

.ui-block-a .ui-listview {
margin:-15px 0 15px -15px;
}
.ui-block-b .ui-listview {
margin:-15px -15px 15px 0;
}

JavaScript

$(document).ready(function () {

});