This will show you how to create an unordered Horizontal list

• [e-mail]
• Further Education (Key Stage 5)

Horizontal list

Outcome 1: Understand what is a Horizontal list 

Outcome 2: Applied it to you layout 

Inspect the next slide 

Think about the number of divs required and what tags you would use to achieve and why? 

Remember there are more than one way to achieve the same results.

How many divs and why?

Give 3 tags you would use
and
say why?

00:13

The Narrator will turn a Vertical List into a

00:27

What's the name of the class

01:24

li{display:inline;
}

1. List will be vertical
2. No effect
3. List will be Horizintal
4. No Change

02:08

Explain
.menu li{display:inline;}

Lets create a website  as in slide 3

We will work in onlinegdb 

You may use this as part of your Website if you wish

You would guide me though however!

The End 

Please look at the follow up lesson