JSFiddle - React, Tailwind, and code Playground

HTML

<div id="footer">
    <div id="footerleftpane" runat="server">
        <dnn:LOGO id="dnnLogo" runat="server" />
        <h3>Driving business performance.</h3>
        <h3>Practical Sales and Operations Planning</h3>
        <h3>for medium sized businesses.</h3>
    </div>
    <div id="footerRightPane" runat="server">
        <dnn:COPYRIGHT id="dnnCopyright" runat="server" /><br />
        <dnn:PRIVACY id="dnnPrivacy" runat="server" />
        <dnn:TERMS id="dnnTerms" runat="server" />
    </div>
    <div id="footerMidPane" runat="server"></div> 
</div>

CSS

#footer{
    width: 960px;
    border: 1px;
}
#footerleftpane{
    width: 300px;
    float: left;
    background-color: green;
}
#footerRightPane{
    width: 300px;
    float: right;
    background-color: blue;
}
#footerMidPane{
    width: 340px;
    float: left;
    padding: 10px;
    background-color: red;
}