We will now convert this vertical bulleted list into a horizontal navigation bar using CSS with no bullets using CSS
The <ul> adds an indentation to the list, adds spacing surrounding the list and allows the li to add a bullet
Add an internal style rule for the ul tag
Set margin and padding properties to 0 to eliminate extra space surrounding the list
Set the list-style-type property to none to remove the bullets
Add an internal style rule for the li tag
Set display property in the Layout area to inline to place the list horizontally
Set padding-right to 30 px
Set text-transform to Capitalize to capitalize each word in the nav bar
Horizontal Navigation Bar
Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.
Educator.com recommends Adobe Dreamweaver CC to use with our Dreamweaver CC course. Adobe Dreamweaver CC is the leading all-in-one visual development tool used by web designers and developers worldwide to create, publish, and manage their websites and mobile content. Membership includes the full version of Dreamweaver CC to download, install, and run on your computer. You will get immediate access to all the latest updates and new features as soon as they're released.