JSFiddle - React, Tailwind, and code Playground

by ivanovsuper

HTML

<div id="header"></div>
    <div id="content"></div>
    <div id="footer">
        <div id="d1">
            <p>text1</p>
        </div>
        <div id="d2">
            <p>text2</p>
        </div>
    </div>

CSS

body {
    background: #FFFFFF;
    color: #000000;
    font-family: Arial, sans-serif;

    max-width: 210mm;
    width: 210mm;
    max-height: 297mm;
    height: 297mm;

    position: relative;
}
div#content {
    padding:0 10mm 20mm 10mm;
    background:green;
}
div#footer {
    height: 15mm;
    position: absolute;
    bottom: 0;
    padding:0 10mm;
    color: #808080;
background:red;
    width:100%;
}

#d1 {
    float: left;
    font-size: 10pt;
    background:blue;
}

#d2 {
    font-size: 7pt;
    float:right;
    background:magenta;
}