Jump to content

janiceadeltoro

Members
  • Posts

    1
  • Joined

  • Last visited

Posts posted by janiceadeltoro

  1. To align navbar items to the right, you can use CSS styling. Here's an example of how you can achieve this:

    HTML:

    <nav>
      <ul class="navbar">
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
    </nav>

    CSS:

    .navbar {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }

    .navbar li {
      float: right;
    }

    .navbar li a {
      display: block;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      color: #000;
    }


    In the above example, the float: right; property is applied to the list items (<li>) within the navbar. This will align the items to the right side. Adjust the CSS properties such as padding, margin, and color according to your design requirements.

    Note: This is a basic example, and you may need to modify the CSS to match your specific navbar implementation.

×
×
  • Create New...