JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css">
<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.js"></script>
<div data-role="page" id="jqmPaginationTest">
    
    <div id="content" data-role="content">       
        
        <ul data-role="listview">
            <li>
                <a href="pages/nodeview.html">
                    <h3>Latest headlines</h3>
                    <p>by the Economy Department</p>
                    <span class="ui-li-count old-content">205,500km</span>
                    <span class="ui-li-count new-content">$1,750.00</span>
                </a>
            </li>
            <li>
                <a href="pages/nodeview.html">
                    <h3>Latest headlines</h3>
                    <p>by the Economy Department</p>
                    <span class="ui-li-count old-content">12</span>
                    <span class="ui-li-count new-content">3</span>
                </a>
                <a href="pages/nodeview.html">
                    <h3>Split!</h3>
                </a>
            </li>
        </ul>
        
    </div>

</div>

JavaScript

$(document).ready(function(){      
             {
                $(".ui-li-has-count").each(function()
             {
                if($(this).find(".ui-li-count").length == 2)
             {
                var first = $(this).find(".ui-li-count:first");
                var second = $(this).find(".ui-li-count:nth(1)");
                var shiftFirst = (second.position().left - first.outerWidth() - 5);
                first.css("left", shiftFirst).css("right","auto");         
             }
           });
         }

      });