👁 Image
The right-aligned menu links are used on many websites. Like hotels website that contains lots of options in the menu section but in case of emergency to make contact with them need specific attention. In that case, you can put all the menu options on the left side of the navigation bar and display contact us option on the right side of the bar. This design will make the website more attractive than the regular menu links. To create the right align menu links you just need HTML and CSS. Menu links should contain an important menu list that you want to display on the right side. The below example will illustrate the approach of the concept.
Creating the Structure: In this section, we will create a basic website structure to create a right-aligned menu links.
- HTML code to make the structure:
Designing the Structure: In the previous section, we have created the structure of the basic website. In this section, we will design the structure for the navigation bar.
Combining the HTML and CSS code: This is the final code after combining the above two sections. You can see that Home, Careers and Our Products align-left as default but About us and Contact us aligned right.
Output:
👁 Image 
