Read03.md

HTML Lists, Control Flow with JS, and the CSS Box Model

lists

**Ordered lists are lists where each item in the list is numbered. The ordered list is created with the (

) element. Each item in the list is placed between an opening (
1. ) tagand a closing (
) tag. You can put a second list inside an
2. element to create a sublist or nested list.

   Unordered lists are lists that begin with a bullet point. The unordered list is created with the (

   ) element. Each item in the list is placedbetween an opening (
   • ) tag and a closing (
   ) tag.**

   boxes

   By default a box is sized just big enough to hold its contents. To set your own dimensions for a box you can use the height and width propertie

   border

   The border separates the edge of one box from another

   margin

   Margins sit outside the edge of the border

   padding

   Padding is the space between the border of a box and any content contained within it.\

   overflowing content

   ** The overflow property tells the browser what to do if the content contained within a box is larger than the box itself. It can have one of two values:

   hidden This property simply hides any extra content that does not fit in the box. scroll This property adds a scrollbar to the box so that users can scroll to see the missing content. **