Page 190 - CSS

• The nav, ul and li tags were chosen for their semantic meaning of 'a list of navigation
(menu) items'. Other tags may also be used of course.
• The :after pseudo-element causes an extra 'line' in the ul and thus an extra, empty height of
this block, pushing other content down. This is solved by the negative margin-bottom, which
has to have the same magnitude as the line-height (but negative).
• If the page becomes too narrow for all the items to fit, the items will break to a new line
(starting from the right) and be justified on this line. The total height of the menu will grow as
needed.

Read Inline-Block Layout online: https://riptutorial.com/css/topic/3308/inline-block-layout

https://riptutorial.com/ 168