JSFiddle - React, Tailwind, and code Playground

by olli

HTML

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Lets Move</title>
<link href="css/mhoover-nav_v1_09.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
</head>

<body>
  <div data-role="page" id="wrapper">
    <div data-role="header">
      <div data-role="navbar">
        <fieldset class="ui-grid-b">
          <div class="ui-block-a">
            <a data-theme="c" href="#" style="width:100%">A button</a>
          </div>
          <div class="ui-block-b">
            <a data-theme="c" href="#" style="width:100%">A button2</a>
          </div>
          <div class="ui-block-c">
            <a data-theme="c" href="#" style="width:100%">A button3</a>
          </div>
        </fieldset>
      </div>
    </div>
    <div data-role="content">
      <fieldset class="ui-grid-b">
          <div class="ui-block-a">
            <a data-theme="c" href="#" data-role="button">A button</a>
          </div>
          <div class="ui-block-b">
            <a data-theme="c" href="#" data-role="button">A button2</a>
          </div>
          <div class="ui-block-c">
            <a data-theme="c" href="#" data-role="button">A button3</a>
          </div>
      </fieldset>        
    </div>
  </div>
</body>
</html>