JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>"/>
    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
    <link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" media="screen" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
        
        <?php wp_head(); ?>
        <script type="text/javascript">
            jQuery(function($) {
            $('.page_item a').each(function(){
                $(this).attr('data-transition', 'pop');
                $(this).attr('data-icon', 'arrow-r');
                $(this).attr('data-iconpos', 'left');
                $(this).attr('data-role', 'button');
            });
        });
        </script>
</head>
<body>
   <div id="content">
    <div id="entry">
        <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
        <h1><?php the_title(); ?></h1>
        <div class="content">
              <?php the_content(); ?> 
              <?php endwhile; ?>
              <?php endif; ?>
            
                <div data-role="content">
                <ul>
                    <?php wp_list_pages('sort_column=menu_order&depth=0&title_li=');?>
                </ul>
                </div>
        </div>
    </div>
</div> 
</body>
</html>