JSFiddle - React, Tailwind, and code Playground

by Michael Prosser

HTML

<xmp>
<div data-role="page" data-theme="b">
    <header></header>
    <div data-role="content">
        <div class="content-primary">
            <ul data-role="listview" data-filter="true">
                <li><a href="index.html">Some</a></li>
                <li><a href="index.html">random</a></li>
                <li><a href="index.html">content</a></li>
                <li><a href="index.html">With a very long annoying line which naturally goes roge by going outside the main windows and requesting scrolling. So childish !</a></li>

            </ul>
        </div><!--/content-primary -->	
    </div>
    <footer></footer>
</div><!-- page end-->
<script>      
    appendJQMHeader('Injected header !'); 
    appendJQMFooter('—Injected ftr!', 'JQM 1.3.1Beta');
</script>
</xmp>


<pre>
<div data-role="page" data-theme="b">
    <header></header>
    <div data-role="content">
        <div class="content-primary">
            <ul data-role="listview" data-filter="true">
                <li><a href="index.html">Some</a></li>
                <li><a href="index.html">random</a></li>
                <li><a href="index.html">content</a></li>
                <li><a href="index.html">With a very long annoying line which naturally goes roge by going outside the main windows and requesting scrolling. So childish !</a></li>

            </ul>
        </div><!--/content-primary -->	
    </div>
    <footer></footer>
</div><!-- page end-->
<script>      
    appendJQMHeader('Injected header !'); 
    appendJQMFooter('—Injected ftr!', 'JQM 1.3.1Beta');
</script>
</pre>

<code>
<div data-role="page" data-theme="b">
    <header></header>
    <div data-role="content">
        <div class="content-primary">
            <ul data-role="listview" data-filter="true">
                <li><a href="index.html">Some</a></li>
                <li><a href="index.html">random</a></li>
                <li><a href="index.html">content</a></li>
                <li><a href="index.html">With a very...

CSS

xmp { background: #C0C0C0; font-size: 0.3em; }
pre { background: #C0FFC0; font-size: 0.3em; }
code { background: #FFC0C0; font-size: 0.3em; }