JSFiddle - React, Tailwind, and code Playground

by nate

HTML

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>Theme Preview | Previewing Another WordPress Blog</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="http://wp-themes.com/wp/xmlrpc.php" />


<meta name='robots' content='noindex,nofollow' />
<link rel="alternate" type="application/rss+xml" title="Theme Preview &raquo; Feed" href="http://wp-themes.com/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="Theme Preview &raquo; Comments Feed" href="http://wp-themes.com/?feed=comments-rss2" />
<link rel='stylesheet' id='style-css'  href='http://wp-themes.com/wp-content/themes/skirmish/style.css?ver=3.5-RC3-23030' type='text/css' media='all' />
<link rel='stylesheet' id='fonts-css'  href='http://fonts.googleapis.com/css?family=Lusitana%7CDroid+Sans&#038;ver=3.5-RC3-23030' type='text/css' media='all' />
<script type='text/javascript' src='http://wp-themes.com/wp/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://wp-themes.com/wp/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://wp-themes.com/wp/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 3.5-RC3-23030" />
<!--[if lt IE 9]>
<script src="http://wp-themes.com/wp-content/themes/skirmish/js/html5.js" type="text/javascript"></script>
<![endif]-->
    <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<style type="text/css" id="custom-background-css">
body.custom-background { background-image: url('http://wp-themes.com/wp-content/themes/skirmish/img/pattern.jpg'); background-repeat: repeat; background-position: top left; background-attachment: scroll; }
</style>
</head>

<body class="home blog custom-background">
<div id="page" class="hfeed site">
        <header id="masthead"...

CSS

.main-navigation ul {
    text-align: center;
}

.main-navigation ul li {
    display: inline-block;
    float: none;
}