JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
    <div id="main-title">
        <h1>This is Web Page Main title</h1>
    </div>
    <div id="menu">
        <div><b>Main Menu</b></div>
        HTML
        <br /> PHP
        <br /> PERL...
    </div>
    <div id="content">
        <p>Technical and Managerial Tutorials</p>
    </div>
    <div id="right-menu">
        <div><b>Right Menu</b></div>
        HTML
        <br /> PHP
        <br /> PERL...
    </div>
    <div id="footer">
        <center>
            Copyright Area
        </center>
    </div>
</div>

CSS

#main {
    width: 100%;
}
#main-title {
    background-color: #b5dcb3;
    width: 100%
}
#menu {
    background-color: #aaa;
    height: 200px;
    width: 100px;
    float: left;
}
#right-menu {
    background-color: #aaa;
    height: 200px;
    width: 100px;
    float: right;
}
#content {
    background-color: #eee;
    height: 200px;
    width: 350px;
    float: left;
}
#footer {
    background-color: #b5dcb3;
    clear: both
}

JavaScript

$(function(){
   $('#menu').css('float','right');
    $('#right-menu').css('float','left');
});