JSFiddle - React, Tailwind, and code Playground

by kachibito

HTML

<script src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css">
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile テスト用</title>
<meta charset=utf-8 />
</head>
<body>

 <div data-role="page">

 <div data-role="header" data-position="fixed">
<a href="index.html" data-icon="delete">進む</a>
<h1>タイトル</h1>
<a href="index.html" data-icon="check">戻る</a>
</div>

  <div data-role="content">
      <ul data-role="controlgroup" data-type="horizontal" class="localnav">
                <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
                <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
                <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
                <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
            </ul>
  </div>
   <div data-role="footer">
    <h4>footer</h4>
  </div>
</div>
</body>
</html>

CSS

li{float:left;}