MenusLesson 28Free preview

Right Aligned Menu Links

This lesson is part of How To · All levels

Summary

This lesson reviews the technique of setting the Right Average Links on the Upper Navigation Bar (Right Aligned Menu Links). Placing a specific link such as the Login/Register button or Profile icon on the top right separates content navigation from user account actions naturally.

Key points

Using the float:right CSS property on the link element or container of the packaging
Apply modern Flexbox layout with left-margin: auto as an alternative to float
Maintaining readability and visual flow of the user interface (UI)
Dealing with resetting when in a mobile screen view

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.