<li><a href="#">Pre Schools</a> <li><a href="#" style="cursor: yes;">Schools</a>
           **   <li><a href="#">Contacts</a> <li><a href="#">Results</a> <li><a href="#">School Performance</a> <li><a href="#">Ranking</a>                 **  (These Items are required in Horizontal Sub Menu of School. How to do this?) 
  • Colleges
  • Sorry, your question doesn't seem to be formatted correctly so it's hard to understand what you're trying to do. First, you want to use <ul> to create your unordered list. (Ordered lists, <ol>, are numbered.) Here is the code to create an unordered list of two links.

    <ul>
        <li><a href="#">Foo</a></li>
        <li><a href="#">Bar</a></li>
    </ul>

    Now that you have a list, you can use CSS to format it the way you want. We want our ordered lists to not be styled. Otherwise, they'll be bulleted as so:

    • Item 1
    • Item 2

    Next, we want the items to be displayed inline, across one row, instead of one per line. We also will add a margin of 5 rem units to the left and right of each list item to help with readability.

    <style type="text/css">
        ol { list-style: none }
        li { display: inline; margin: 0 5rem; }
    </style>

    So your full HTML should look like this:

    <html>
        <head>
            <title>Test</title>
            <style type="text/css">
                ol { list-style: none }
                li { display: inline; margin: 0 5rem; }
            </style>     
        </head>
        <body>
            <ol>
                <li><a href="#">Foo</a></li>
                <li><a href="#">Bar</a></li>
            </ol>        
        </body>
    </html>

    Good luck!!