JSFiddle - React, Tailwind, and code Playground

by darcyclarke

HTML

<!doctype html> 
<html>
<head> 

<title>Default HTML5 Template</title> 

</head> 
<body>

<!-- container --> 
<div id="container"> 
    
    <!-- header -->
    <header>
        
        <!-- nav -->
        <nav>
            <ul>
                <li class="active"><a href="#" title="">Link</a></li>
                <li><a href="#" title="">Link</a></li>
                <li><a href="#" title="">Link</a></li>
                <li><a href="#" title="">Link</a></li>
            </ul>        
        </nav>
        <!-- /nav -->

    </header>
    <!-- /header -->
    
    <!-- body -->
    <div id="body">
        
        <article>
            
            <!-- article header -->
            <header>
                <time pubdate="2006-02-14">February 14th, 2006</time>
                <h3>My Post</h3>
            </header>
            <!-- /article header -->
            
            <!-- article content -->
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                Curabitur rhoncus euismod libero, ut euismod tellus aliquam sed. 
                Etiam id dui dolor. Suspendisse nec metus est, et iaculis lectus. 
                Aliquam imperdiet pulvinar lectus, non dictum ante faucibus at.
            </p>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                Curabitur rhoncus euismod libero, ut euismod tellus aliquam sed. 
                Etiam id dui dolor. Suspendisse nec metus est, et iaculis lectus. 
                Aliquam imperdiet pulvinar lectus, non dictum ante faucibus at.
            </p>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                Curabitur rhoncus euismod libero, ut euismod tellus aliquam sed. 
                Etiam id dui dolor. Suspendisse nec metus est, et iaculis lectus. 
                Aliquam imperdiet pulvinar lectus, non dictum ante faucibus at.
            </p>
            <!--...