Edit in JSFiddle

<h1>This is Heading Section</h1>

<div class="nav_bar">
    <ul class="main_menu">
        <li> <a href="#">Home</a>

        </li>
        <li> <a href="#">Blogging</a>

            <ul class="sub_menu">
                <li> <a href="#">Html And CSS</a>

                </li>
                <li> <a href="#">Blogger Tutorials</a>

                </li>
                <li> <a href="#">Wordpress Tutorials</a>

                </li>
            </ul>
        </li>
        <li> <a href="#">Contact Us</a>

        </li>
    </ul>
</div>
<br/>
<br/>

<h2>Here Will Content will be going</h2>