JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>LearningAPI  &raquo; Variable Speed Playback &#8211; HTML5 Video Feature</title>
	
<link rel="stylesheet" href="http://www.learningapi.com/weblog/wp-content/themes/panorama/style.css" type="text/css" media="screen" />

<link rel="alternate" type="application/rss+xml" title="LearningAPI RSS Feed" href="http://www.learningapi.com/feed/" />

<link rel="pingback" href="http://www.learningapi.com/weblog/xmlrpc.php" />

	<style type="text/css" media="screen">
	@import url("http://www.learningapi.com/weblog/wp-content/themes/panorama/rcol.css");
		
	#headerimage{
			background: url("http://www.learningapi.com/weblog/wp-content/themes/panorama/header_images/a_rome_street.jpg") top center no-repeat;	}	

	a{
		color: #454673;
	}
		
	a:hover{
		color: #4B5BAD;
	}		
		
		
		
	ol.commentlist li div.reply {
	background:#ddd;
	border:1px solid #aaa;
	padding:2px 10px;
	text-align:center;
	width:55px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
		
	ol.commentlist li div.reply:hover {
	background:#f3f3f3;
	border:1px solid #aaa;
	}
				
		
	</style>

	<script type="text/javascript" src="http://www.learningapi.com/weblog/wp-content/themes/panorama/scripts/utils.js"></script>
<script type='text/javascript' src='http://www.learningapi.com/weblog/wp-includes/js/comment-reply.js?ver=20090102'></script>
<script type='text/javascript' src='http://www.learningapi.com/weblog/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var horizmenuSettings = {
	ap_baseurl: "http://www.learningapi.com/weblog/wp-content/themes/panorama"
};
/* ]]> */
</script>
<script...