Filter (Advanced Search)
    Downloads
    7         Views
    372
    Video

    Horizontal List with CSS | Lists

    HTML Watch on YouTube
    Details

    HTML lists can be styled in many different ways with CSS.

    One popular way is to style a list horizontally, to create a navigation menu:

    <!DOCTYPE html>
    <html>
    <head>
    <title>Horizontal List with CSS</title>
    <!-- Below Link is External CSS -->
    <!-- <link rel="stylesheet" href="/html/css/style_horizontal.css">-->
    </head>
    <body>
    <h3>Horizontal List with CSS</h3>
    <ul>
      <li><a href="#home">Home</a></li>
      <li><a href="#contact">Students</a></li>
      <li><a href="#about">Contact</a></li>
    </ul>

    <h3>Navigation Menu</h3>
    <p>In this example, we use CSS to style the list horizontally, to create a navigation menu:</p>
    <p>ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ ਨੈਵੀਗੇਸ਼ਨ ਮੀਨੂ ਬਣਾਉਣ ਲਈ,  Unordered List ਨੂੰ  Horizontal ਰੂਪ ਵਿੱਚ ਸਟਾਈਲ ਕਰਨ ਲਈ CSS ਦੀ ਵਰਤੋਂ  ਕੀਤੀ ਹੈ।</p>
     

    </body>
    </html>
            

    Output

    Ad