JSFiddle - React, Tailwind, and code Playground

by no1_melman

HTML

<html>
<head>
</head>
<body>
<header>
    <span>The Header</span>
</header>

<nav>
    <ul>
        <li>
            Home
        </li>
        <li>
            Support
        </li>
        <li>
            About
        </li>
    </ul>
</nav>

<section>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vestibulum mattis nisi nec pharetra. Sed adipiscing est vitae neque mattis ut semper dolor vestibulum. Donec commodo vestibulum malesuada. Maecenas vitae nibh vulputate ante laoreet viverra. Mauris pretium, ante ut adipiscing feugiat, erat lorem iaculis nulla, id mollis arcu nunc aliquam tellus. Quisque aliquet urna et lectus semper pretium. Sed at ipsum ut lectus scelerisque tempor. Praesent bibendum volutpat arcu, et interdum magna lobortis a. Integer sollicitudin facilisis dolor, sed lacinia eros egestas vitae. Etiam volutpat lectus vel odio ornare ac lacinia orci ullamcorper. Duis scelerisque euismod erat, feugiat semper nisi consequat quis. Morbi ac enim sit amet elit mattis bibendum id et lacus. Curabitur lobortis diam et justo fringilla mollis. Aliquam erat volutpat.</p>
<p>Nam vel hendrerit orci. Praesent sit amet purus libero. Donec rhoncus dui in tortor tempor ut porttitor lorem sagittis. Proin mollis, turpis sodales pulvinar mattis, est magna viverra orci, eget interdum risus metus et massa. Nulla facilisi. Sed a aliquet ipsum. Suspendisse sed diam erat.</p>
<p>In egestas risus nibh. Quisque mollis porttitor arcu, vel bibendum neque cursus at. Nullam ut enim vitae justo sollicitudin iaculis vitae eu purus. Fusce feugiat tortor arcu. Quisque eu hendrerit sem. Vivamus tincidunt, urna quis rhoncus fermentum, arcu sapien elementum quam, id hendrerit neque dolor et elit. Cras tortor turpis, malesuada in malesuada eu, viverra in felis. Nulla facilisi. Pellentesque nunc libero, tempus non convallis eget, tincidunt ac nulla. Proin posuere rutrum lacus, at tempor turpis lacinia in.</p>
<p>Nam dictum ante id augue rhoncus vel pharetra augue...

CSS

body { background-color: #bd1717; }
header { display:inline-block; width:100%; margin:0 auto; background-color:white; text-align:center; height:60px }
span { margin:0 auto; font-family:Tahoma; font-size:1.6em; color:#bd1717; }
nav { display:inline-block; }
ul { width:960px; margin:0 auto; background-color:white; list-style:none; text-align:center; height:48px }
li { display:inline; margin:0 30px; }
section { width:960px; margin:0 auto; background-color:white; text-align:center; height:500px }
p { }
footer { display:inline-block; width:100%; margin:10px auto; background-color:white; text-align:center; height:60px }