I put a bunch of line breaks in so you can see it work. You were close with your version, but this is how you do it.
<ul>
<a href="#Pro"><li>Profile</li></a>
<a href="#Why"><li>Why Us</li></a>
<a href="#Org"><li>Organization</li></a>
<a href="#His"><li>History</li></a>
</ul>
<h1 id="Pro">Profile</h1>
<p>Description about Profile</p>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<h1 id="Why">Why Us</h1>
<p>Description about Why Us</p>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<h1 id="Org">Organization</h1>
<p>Description about Organization</p>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<h1 id="His">History</h1>
<p>Description about History</p>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />