Making a two-column webtemplate using HTML and CSS

Consider this structure

<div class="mainDiv">
        <div class="headerDiv">
            <h2>This is my header</h2>
        </div>
        <div class="navigationDiv">
            <ul>
                <li><a href="#">Link1</a></li>
                <li><a href="#">Link2</a></li>
                <li><a href="#">Link3</a></li>
                <li><a href="#">Link4</a></li>
                <li><a href="#">Link5</a></li>
             </ul>
        </div>
        <div class="mainBodyDiv">
            <div class="leftContentDiv">Left</div>
            <div class="rightContentDiv">Right</div>
        </div>
        <div class="footerDiv">Footer</div>     
      
    </div>

 

Read full article