User:Throckmorton36/Sandbox/Flexbox

Flexbox
MAIN PAGE RESEARCH HELP WIKI HELP GET INVOLVED

Raw, as browser would place the elements
Main Page Research Help Wiki Help Get Involved

Place elements in a row
Main Page Research Help Wiki Help Get Involved

Place elements in the right end
Main Page Research Help Wiki Help Get Involved

Place elements in the middle
Main Page Research Help Wiki Help Get Involved

Homework
1. Take these five boxes and arrange them in a row: Item 1 Item 2 Item 3 Item 4 Item 5 2. Place these five boxes so they are in the middle of the page. 3. Place them on the left side of the page

middle
Item 1 Item 2 Item 3 Item 4

Left side
Item 1 Item 2 Item 3 Item 4

As Browser would place elements
Main Page Research Help Wiki Help Get Involved

Placing elements in a row
Main Page Research Help Wiki Help Get Involved

Moving elements around horizontally
Main Page Research Help Wiki Help Get Involved