JSFiddle - React, Tailwind, and code Playground

by mbuergler

HTML

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

    </head>
    <body>
        <div id="container">
            <h1>Hello world!</h1>
            <p>This is HTML5 Boilerplate.</p>
        </div>
        <div class="container">
            <h2>Padawan</h2>
            <ul>
                <li>Peter Tanzer</li>                                                     
                <li>Hannes Marth</li>
                <li>Christian Brandl</li>
                <li>Alexander Eybl</li>
                <li>Alexander Graf</li>
                <li>Sebastian Moser</li>
                <li>Ingrid Berninger</li>
                <li>Dominic Egger</li>
                <li>Markus BĂĽrgler</li>               
            </ul>        
        </div>
        
        <div class="container">
            <h2>Jedi Meister</h2>
            <ul>
                <li>Annemarie</li>                
            </ul>        
        </div>
        
    </body>
</html>

CSS

h1{ font-size: 18px; font-weight: bold; }
h2{ font-size: 14px; font-weight: bold; margin-top: 10px }

JavaScript

$('#container').remove()