How to Scroll in div inside another div in html .in this case how can i scroll to div 2

If you write into the div a paragraph you can href on that and it will take you inside the div.

Here is the code:

<html>
    <body>
        <a href="#nav">To 2</a>
        <div id="main"> 
            <div id="1"></div> 
            <div id="2">
                <p id="nav"></p>
            </div> 
        </div>
    </body>
</html>