JSFiddle - React, Tailwind, and code Playground

by adamschwartz

HTML

<h1>The Short List</h1>

CSS

@import url(http://fonts.googleapis.com/css?family=Cinzel:400,700);

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
}

body {
    font-family: Cinzel, Georgia, serif;
    color: #fff;
    background: #000;
    
}

h1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: 5em;
    height: 1.5em;
    font-weight: normal;
    text-align: center;
}
</style>

<!-- Allow fullscreen display at http://fiddle.jshell.net/[ user ]/[ fiddleId ]/show/light -->
<script>if (window.self !== window.top) { window.top.document.body.insertAdjacentHTML('afterend', '<style> html body #head { display: none !important } html body div { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important } html body iframe { position: fixed !important; border: 0 !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important }</style>'); }</script><style>