JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="wrapper">
	<div id="container">
		<div id="header">
			<div class="wrap">
				<div id="menuProfile">
					<div id="logotext">K-Panel &bull; Kerio Tools Management</div>
				</div>
			</div>
		</div>
		<div class="fix"></div>
		<div id="subheader">
			<div id="submenu" class="wrap">
				<div id="logocliente">
					<a href="<?php echo $this->baseUrl(); ?>/"><img height="50"
						id="logoIscrittoTestata"
						src="<?php echo $this->baseUrl(); ?>/KPanel_logo_2014_58x224.png"></a>
				</div>
			</div>
		</div>
		<div class="fix separatore"></div>
		<div id="page">

			<div id="right">
			</div>
		</div>
		<div id="push"></div></div>
	<div id="footer">
			<strong>Freelands</strong> > Via Emilia Ponente, 479, 40132 Bologna (Italy) > Tel +39 051 7402558 > Fax +39 051 729153 > C.F. e P.IVA 03236491209 > <a
				id="footerEmailAzienda" href="mailto:[email protected]">[email protected]</a>
	</div>

CSS

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: middle;
	background: transparent;
}

table {
	border-collapse: collapse;
}

#loginForm table {
	border-collapse: separate;
}

body {
	font-family: Helvetica, Verdana, Arial, Tahoma;
	font-size: 11px;
	line-height: 1;
	text-align: center;
	color: #404040;
}

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

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
}

#footer {
	background-color: #0082C0;
	color: #FFFFFF;
	padding-top: 15px;
}
@CHARSET "UTF-8";

* {
    margin: 0;
}

body, html {
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-family: calibri, gill sans, arial;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -35px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
    height: 35px; /* .push must be the same height as .footer */
}

.logo {
	margin-left: 100px;
}

#footer{
	font-size: 12px;
	font-family: calibri, gill sans, arial;
	color: black;
	text-align: center;
	width: 100%;
}

#header{
	display:block;
	clear:both;
	margin-top:20px;
}

div.boxinterna {
	position: absolute;
	top: 0;
	left: 50%;
	width: 500px;
	margin-left: -320px;
}

.zend_form {
	position: relative;
	top: 40px;
	left: 50%;
	margin-left: -340px;
}

#more-information{
	margin-left: 10px;
}

#welcome {
	position:relative;
	left: 50px;
}

.authorize {
	margin-left: 10px;
}

.central {
	position: absolute;
	top: 200px;
	left: 50%;
	width: 400px;
	margin-left: -280px;
}

.central1 {
	position: absolute;
	top: 200px;
	left: 50%;
	width: 400px;
}

#getitem {
	color: black;
	text-align:...