All About Programming: Listutorial: Tutorial 4 - Horizontal lists - Variation

Listutorial: Tutorial 4 - Horizontal lists - Variation - Center the list

Tutorial 4 - Horizontal lists - all steps combined There are many methods that can be used to making a horizontal list. The main ingredient is "display: inline", applied to the "LI" element. #navcontainer ul li a

Step 1 - Make a basic list Start with a basic unordered list. The list items are all active (wrapped in ) which is essential for this list to work. Some CSS rules are written exclusively for the "a" element within the list items. For this example a "#" is used as a dummy link. Step 2 - Remove the bullets To remove the HTML list bullets,

Read full article from Listutorial: Tutorial 4 - Horizontal lists - Variation - Center the list

Listutorial: Tutorial 4 - Horizontal lists - Variation - Center the list

No comments:

Post a Comment

Labels

Popular Posts