CSS से वर्टिकल नेविगेशन बार बनाएं

वर्टिकल नेवबार का बुनियादी ढांचा

वर्टिकल नेविगेशन बार बनाने के लिए <ul> और <li> का उपयोग करें, लिस्ट स्टाइल हटाएं, और लिंक्स को display: block बनाएं ताकि पूरा एरिया क्लिकेबल हो।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      ul {
        list-style-type: none;
        margin: 5;
        padding: 5;
      }
      li a {
        display: block;
        width: 70px;
        background-color: orange;
      }
    </style>
  </head>
  <body>
    <ul>
      <li><a href="#home">Home</a></li>
      <li><a href="#company">Company</a></li>
      <li><a href="#product">Product</a></li>
      <li><a href="#services">Services</a></li>
      <li><a href="#contact">Contact</a></li>
    </ul>
  </body>
</html>

सुधार: margin: 5 और padding: 5 में यूनिट्स (px) नहीं हैं; सही है margin: 5px; padding: 5px;।