JSFiddle - React, Tailwind, and code Playground

by p4bl1t0

HTML

<body> <div id="header"> include con el HTML del header </div> <div id="cuerpo"> <div xmlns="http://www.w3.org/1999/xhtml" id="lipsum">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lorem magna, ultrices at accumsan nec, fermentum sed lacus. Etiam ante lectus, adipiscing et venenatis non, eleifend eu mi. Aliquam at convallis orci. Morbi aliquet massa vel orci cursus mollis. Nam nec augue a magna lacinia hendrerit quis non sapien. Mauris lobortis, mi nec adipiscing dapibus, enim elit gravida sem, eget sodales risus augue vitae ipsum. Cras hendrerit pulvinar turpis, ac congue augue semper id. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec adipiscing molestie malesuada. Nunc vehicula, massa et accumsan auctor, neque nibh facilisis magna, quis ultrices nisl arcu non dolor.
</p>
<p>
Curabitur suscipit lectus eu turpis commodo tincidunt. Proin feugiat, lorem a fringilla iaculis, nunc urna vehicula quam, eu sagittis enim orci eu lorem. Praesent a ornare augue. Donec nec arcu eget orci egestas blandit. Donec tortor erat, aliquam a suscipit nec, vestibulum ut justo. Nullam lacus justo, imperdiet at mollis quis, commodo id elit. In sit amet iaculis neque.
</p>
<p>
Maecenas varius molestie tortor in mollis. Curabitur et nibh ac est mollis tempor sodales non leo. Duis vel libero sed velit facilisis fringilla. Nullam quis augue quis eros ultrices elementum. Phasellus ut metus eros, sed venenatis arcu. Morbi suscipit mollis est, sit amet euismod est euismod vitae. Morbi rhoncus varius nisi, nec feugiat justo pulvinar et. Integer interdum eros ac lacus fermentum eleifend. Vivamus metus sapien, aliquam sed placerat nec, rhoncus et turpis. Nullam ullamcorper quam non turpis volutpat vestibulum. Vivamus aliquet varius tristique. Phasellus dolor ligula, accumsan sit amet varius ac, sagittis non felis. Phasellus rutrum sollicitudin ultrices.
</p>
<p>
Etiam nisi velit, egestas nec mollis sed, bibendum non risus. Nullam...

CSS

body {     font-family: Arial, Helvetica, Verdana;     margin: 1%;     height: 100%;     background-color: #0f1c25;color:white; }
#header
{
    background: green;
    color:black;
    padding:3%;
    text-align:center;
}
    #footer
    {
        width:100%;
        margin:0 0 -1% -1%;
        padding:1%;
        background:#33CCCC;
        color:black;        
    }