JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
    
    <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/jquery-1.7.1.min.js">
    </script><script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>
    </head>
<body>
 <p>first try</p>
 <style>#try1 .ui-block-a {width: 85%} #try1 .ui-block-b {width: 10%};</style>
 <div id="try1" class="ui-grid-a"><input type="text" class="ui-block-a" /><a data-role="button" data-icon="arrow-r" class="ui-block-b" data-iconpos="notext">go</a></div>
 <p>second try</p>
 <style>#try2 .ui-block-a {width: 85%} #try2 .ui-block-b {width: 10%};</style>  
 <div id="try2" class="ui-grid-a"><div class="ui-block-a"><input type="text" /></div><div class="ui-block-b"><a data-role="button" data-icon="arrow-r" data-iconpos="notext" >go</a></div></div>
 <p>third try</p>
 <style>#try3 {position: relative} #try3 #buttonDiv {position: absolute; right:0; display:inline} #try3 #textDiv {display: inline; position: absolute; right: 40px; width: 85%}</style>
 <div id="try3">
  <div id="buttonDiv"><a data-role="button" data-icon="arrow-r" data-iconpos="notext" >go</a></div>
  <div id="textDiv"><input type="text" /></div>
 </div>
 </div>
</body>
</html>