JSFiddle - React, Tailwind, and code Playground

HTML

<p>Demo Example</p>

<p>Demo Example</p>

<p>Demo Example</p>

<p>Demo Example</p>

<p>Demo Example</p>

<p>Demo Example</p>

<p>Demo Example</p>

<p>Demo Example</p>

<p>Demo Example</p>
<div id="footer">Check this is footer - <a href="#" target="_blank"><b>Footer Text</b></a></div>

CSS

div#footer{
	width:100%;
    height :100%
	position:fixed;
	color:#fff;
	text-align:center;
	background-color:#333;
	padding:7px 0 7px 0;
	font-size:16px;
	border-top:2px solid #CC0000;
	font-family:Courier;
	margin:-5px auto -2px auto;
	z-index:9999;	
    bottom:0;
}
div#footer a{
	color:#ef3939;
	text-decoration:underline;
}