CSS Dividers

Essential Question:  How can I create a divider in CSS?

Mastery Objectives:

• 2.D.04.04 Differentiate between website layouts using divs and CSS, tables, frames, and non-CSS.

• 2.D.04.03 Implement a page layout using divs and CSS.

• 2.D.02.04 Create and link an external CSS file to website.

• 2.D.02.01 Utilize CSS syntax in accordance with World Wide Web Consortium (W3C) standards.

• 2.D.02 Demonstrate fundamentals of cascading style sheets (CSS).

Vocabulary Terms: 

DIV

DISPLAY

BLOCK

POSITION

ABSOLUTE

RELATIVE

Do Now: Type the code below and change the values.

Create a vertical divider: