JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<div data-role="page">

    <div data-role="header">
        <h1>My Title</h1>
<a href="templates/profile.html" data-role="button"  data-iconpos="right" class="ui-icon-wallet" >View Balance</a>        
    </div><!-- /header -->

    <div data-role="content">
        <p>Hello world</p>
    <a href="templates/profile.html" data-role="button"  data-iconpos="right" class="ui-icon-wallet" >View Balance</a>
    </div><!-- /content -->

    <div data-role="footer" data-position="fixed">
        <h4>My Footer</h4>
    </div><!-- /footer -->

    </div><!-- /page -->

CSS

.ui-icon-wallet {
    background: url("http://i.stack.imgur.com/T06je.png") no-repeat;
    background-size: 48px 48px;
    background-position: 98% 50%;
}