History

MfnBacon f45be5f4b8 Fix to index.html Added missing closing bracket on final div. (Sorry if this is the wrong way to do this, I'm new and here on assignment from The Odin Project.)		2021-09-08 16:13:05 -05:00
..
solution	move solutions around	2021-08-24 10:03:48 -05:00
README.md	change folder structure	2021-08-18 15:35:18 -05:00
desired-outcome.png	change folder structure	2021-08-18 15:35:18 -05:00
index.html	Fix to index.html	2021-09-08 16:13:05 -05:00
style.css	move styles to own file	2021-08-18 15:49:04 -05:00

README.md

Margin and Padding practice

For this first exercise, simply edit the index.html file so that the divs look like the image below. Only edit the CSS where instructed in the file. You should only have to change the values of the margin and padding for this exercise. You should not have to add or remove properties in the CSS, or touch the HTML.

Self-check

Use this section to check your work. On these projects, your goal isn't to attain 100% pixel-perfection, but to use the tools you've learned to get relatively close to the desired output.

Div One and Div Three have 32px between their text and border.
Div One has 12px between it and any other element on the page.
There is a 48px gap between Div Two and Div Three.
Div Three is aligned to the right
Div Three's alignment is achieved using margin (and not float, or flexbox etc.)