Member Avatar for aweshq.it 
<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
    • 2 Contributors
    • 1 Reply
    • 208 Views
    • 27 Minutes Discussion Span
    • Latest Post Latest Post by Dani
    Member Avatar for Dani

    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!!

    Be a part of the DaniWeb community

    We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.