DIV TAG EXAMPLE

Run
<!doctype html>
<html>
    <head>
        <title>
            Example of DIV element
        </title>
        <style>
            .header {
                padding:15px;
                text-align:center;
                background-color:#EEE;
                font-size:24px;
            }
            .body {
                overflow:auto;
                height:300px;
            }
            .sidebar {
                width:25%;
                height:100%;
                float:left;
                background-color:lightblue;
            }
            .main-body {
                width:75%;
                height:100%;
                margin-left:25%;
                background-color:#ffffb1;
            }
            .footer {
                padding:15px;
                background-color:#EEE;
            }
        </style>
    </head>
    <body>
        <div class="header">This is header</div>
        <div class="body">
            <div class="sidebar">Sidebar</div>
            <div class="main-body">Main Body</div>
        </div>
        <div class="footer">This is footer</div>
    </body>
</html>