Horizontal List With Css in Punjabi | Lists | HTML Tutorials | CSPunjab.Com

CSPunjab

Title : Horizontal List with CSS

Language : HTML - The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It defines the meaning and structure of web content. It is often assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript.

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>
        

Admin

Innovative tech professional with 17+ years of experience working as a Government Computer Faculty & Programmer. Capable of working with a variety of technology and software solutions and managing databases. Valuable team member who has experience diagnosing problems and developing solutions.

When there's a task that can be done manually in 10 minutes but you find a way to automate it in 10 days. I'm gonna do what's called a Programmer move.