JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html  lang="en-US">
<head id="Head">
<!--**********************************************************************************-->
<!-- DotNetNuke - http://www.dotnetnuke.com                                          -->
<!-- Copyright (c) 2002-2012                                                          -->
<!-- by DotNetNuke Corporation                                                        -->
<!--**********************************************************************************-->
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /><meta content="text/javascript" http-equiv="Content-Script-Type" /><meta content="text/css" http-equiv="Content-Style-Type" /><meta id="MetaDescription" name="DESCRIPTION" content="My Website" /><meta id="MetaKeywords" name="KEYWORDS" content="DotNetNuke, DNN, Content, Management, CMS,DotNetNuke,DNN" /><meta id="MetaCopyright" name="COPYRIGHT" content="Copyright [year] by DotNetNuke Corporation" /><meta id="MetaGenerator" name="GENERATOR" content="DotNetNuke " /><meta id="MetaAuthor" name="AUTHOR" content="My Website" /><meta name="RESOURCE-TYPE" content="DOCUMENT" /><meta name="DISTRIBUTION" content="GLOBAL" /><meta id="MetaRobots" name="ROBOTS" content="INDEX, FOLLOW" /><meta name="REVISIT-AFTER" content="1 DAYS" /><meta name="RATING" content="GENERAL" /><meta http-equiv="PAGE-ENTER" content="RevealTrans(Duration=0,Transition=1)" /><style id="StylePlaceholder" type="text/css"></style><link href="/dotnetnuke/Portals/_default/default.css?cdv=146" type="text/css" rel="stylesheet"/><link href="/Dotnetnuke/Portals/_default/skins/keredwell/skin.css?cdv=146" type="text/css" rel="stylesheet"/><link href="/dotnetnuke/Portals/0/portal.css?cdv=146" type="text/css" rel="stylesheet"/><link href="/Dotnetnuke/admin/ControlPanel/module.css?cdv=146" type="text/css" rel="stylesheet"/><link...

CSS

@charset "utf-8";
  
/* ----------------------------------------
   Ying Fo Fui Kun
   ---------------------------------------- */

body {
    background: url(images/bgtile.png) top repeat-x;
    background-color: #ffffff;
    font-family: AvenirLTStdRoman,"Microsoft JhengHei",Arial,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 20px;
    color: #5c5c5c;
    margin: 0;
    z-index:1;    
}


h1 {
    font-size: 50px;
    font-weight: normal;
    line-height: 44px;
    margin: 0;
}

h2 {
    font-family: AvenirLTStdHeavy, "Microsoft JhengHei Bold", Arial, Helvetica, sans-serif;
    font-size: 25px;
    line-height: 24px;
    font-weight: normal;
    color: #000000;
    margin: 0;
}


.hd {
    font-family: AvenirLTStdHeavy, "Microsoft JhengHei Bold", Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 25px;
    font-weight: normal;
    color: #000000;
}

.hd16 {
    font-family: AvenirLTStdRoman, "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
    color: #000000;
    margin: 0;
}

.sechd {
    font-family: AvenirLTStdBlack, "Microsoft JhengHei Bold", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    color: #000000;
}

.txtb {
    font-family: AvenirLTStdHeavy, "Microsoft JhengHei Bold", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
}

.tag {
    font-family: AvenirLTStdRoman, "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    color: #646464;
    font-size: 13px;
    font-weight: normal;
}

img.border {
    border: 7px #e5e5e5 solid;
    margin-bottom: 28px;
}

.clear {
    clear:both;
}

/*  CONTAINER
   ------------------------------- */

#container {
    width: 1003px;
    margin: 0;
}


/*  SPACES */
   
.mar28 {
    background: url(images/spacer.gif);
    height: 28px;
    width: 28px;
    float: left;
}



.div {
    background: url(images/spacer.gif);
    background-color:...