Navigation is an important thing to be on the website, this is to make it easier for users to explore the contents of the website, Navigation can be called a menu, some menus are Vertical, and some are Horizontal.
Vertical menu is a menu that is lined down, while Horizontal is sideways.
In the following short tips, we will try the basic techniques of how to create a horizontal menu with CSS.
Here we will also learn about the CSS :before and :first-child pseudo-elements.
Okay, let’s start by creating an HTML structure like the following