Web pages in recent years have placed navigation links within unordered lists. Placing them within a list apparently makes them more accessible to people with disabilities.

But if you use this technique, you don't want to see bullet points, as you typically would in an unordered list. As shown in this page, one can get rid of the bullet points by applying the CSS property and value of list-style-type:none to the li tag. But one wants to limit this to only where links are placed within the unordered list. To do this, one uses contextual or descendant CSS approach to limit the CSS effect to just the navigation bar:

Additional CSS, also limited to this area of the page:: text-decoration:none means that the links in the navigation bar will have no underlining. and the a:hover will show underlining when you mouseover the links in the navigation bar

Two column layout: The main content will go here - this is given a margin left greater than or equal to the width of the element on the left.

Revised: Setpember 22, 2020