The navbar, especially horizontal navbar, guides the user help find content fast, by providing 'umbrella' links. One of the interactions on menu item hover, is the simple underline effect.

We can use the border-bottom css property to create such an effect.