JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
    <div class="insideHeader">
         <h1>[Company]</h1>

         <h3><i>[Tag Line]</i></h3>

        <p>&nbsp;</p>
    </div>
</div>
<form id="form1" runat="server">
    <div class="loginPanel">
        <div class="LeftData">
            <table class="Table">
                <tr>
                    <td class="style4"></td>
                    <td class="style3"></td>
                </tr>
                <tr>
                    <td class="style4"></td>
                    <td class="style5"></td>
                    <td class="style3"></td>
                </tr>
                <tr>
                    <td class="style4"></td>
                    <td class="style5">
                        <td class="style3"></td>
                </tr>
                <tr>
                    <td class="style4">&nbsp;</td>
                    <td class="style2">&nbsp;</td>
                    <td class="style8">&nbsp;</td>
                </tr>
                <tr>
                    <td class="style4">&nbsp;</td>
                    <td class="style2">&nbsp;</td>
                    <td class="style8">&nbsp;</td>
                </tr>
            </table>
        </div>
        <div class="WelcomeToAll">
            <figure> <a href="#"><img src="#" alt="Education Need Logo" width="250" 
                height="250" style="float: right" /></a>[content]</figure>
        </div>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>
            <img alt="Education with FUN!!" class="style9" longdesc="http://localhost:35378/Images/children-hands.jpg" src="Images/children-hands.jpg" />Education witth FUN!!!</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
    </div>
</form>
<div class="footer">
    <div class="insideFooter">
        <div class="leftFooter"> <small>
               ...

CSS

body {
    background-color: Red;
}

.header {

    background-color: Aqua;

}

.insideHeader {

    margin-left: auto;

    margin-right: auto;

    width: 980px;

    overflow: hidden;

    border: solid 1px black;

}

.loginPanel {

    text-align: left;

    font-family: Segoe Print;

    color: Teal;

    font-size: 0.9em;

    margin-left: auto;

    margin-right: auto;

    width: 980px;

    background-color: Silver;

    overflow: hidden;

    /* padding: 20px 10px; */

}

h1 {

    font-family: Papyrus;

    color: Lime;

    font-variant: small-caps;

    font-size: 2em;

    line-height: 35px;

}

h3 {

    font-family: Chiller;

    color: Teal;

    font-size: 1.2em;

}

.style4 {

    width: 491px;

    text-align: right;

}

.style2 {

    width: 160px;

    text-align: right;

}

.style3 {

    width: 648px;

}

.style5 {

    width: 160px;

    text-align: left;

}

.style8 {

    width: 648px;

    text-align: right;

}

.style9 {

    width: 460px;

    height: 276px;

    float: right;

}

.Table {

    /*position: absolute; */

    height: 125px;

    line-height: 2px;

    /* It Worked :) */

}

.LeftData {

    width: 490px;

    margin-left: 490px;

    position: absolute;

}

.WelcomeToAll {

    width: 490px;

    margin-right: 490px;

    float: left;

    position: absolute;

}

.footer {

    background-color: Aqua;

    width: 100%;

    border: solid 1px black;

}

.insideFooter {

    margin-left: auto;

    margin-right: auto;

    width: 980px;

    overflow: hidden;

    border: solid 1px black;

}

.leftFooter {

    width: 480px;

    float: left;

    line-height: 5px;

    color: Teal;

    font-family: Nyala;

}

.rightFooter {

    font-family: nyala;

    color: Teal;

    width: 460px;

    float: right;

    line-height: 1px;

    text-align: right;

}