odin-default-css-exercises/margin-and-padding/margin-and-padding-1/README.md

# Margin and Padding practice

For this first exercise, simply edit the `style.css` 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.

![outcome](./desired-outcome.png)

### 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, flexbox, etc.).
add first two exercises 2021-08-17 20:27:54 +00:00			`# Margin and Padding practice`

Changed index.html to style.css for file to be edited in README for margin-and-padding-1 in css-exercises 2021-09-28 22:42:40 +00:00			For this first exercise, simply edit the `style.css` 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.
add first two exercises 2021-08-17 20:27:54 +00:00
add self-check 2021-08-18 14:11:35 +00:00			`![outcome](./desired-outcome.png)`

			`### Self-check`
Fix punctuation and grammar in Margin and Padding READMEs 2021-10-04 17:02:55 +00:00			`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.`
add self-check 2021-08-18 14:11:35 +00:00
			`- 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.`
Fix punctuation and grammar in Margin and Padding READMEs 2021-10-04 17:02:55 +00:00			`- Div Three is aligned to the right.`
Fix punctuation and grammar in Margin and Padding READMEs 2021-10-04 17:03:14 +00:00			- Div Three's alignment is achieved using `margin` (and not float, flexbox, etc.).