DIVs and SPANs

The purpose of this repository is to help you practice using <div> and <span> elements in their proper syntax.

Before you begin

Observe the files in this repo:

index.html is where you will be doing your coding.
README.md is the file you're reading. You should be reading it on GitHub.
result.png is the result you should be aiming for with index.html.
style.css is the styling that will make index.html look pretty. You're welcome.

Fork and clone this repo.
Wrap all content inside body in one div with the attribute class="wrapper".
- Don't forget to add a </div> at the end (right before </body>).
Wrap all similarities in one div with the attribute class="similarities".
Wrap all differences in one div with the attribute class="differences".
Wrap the words containers, block, and inline in their own span elements with attribute class="blue".
When you are finished, the preview should look like result.png.
Beautify your code so that you can easily see which elements are inside of others (very helpful for debugging divs).
- NOTE: the cloud9 keyboard shortcut is ⌘+shift+B
Make sure you add/commit/push. Then go into your repo's settings on github and change gh-pages to use the master branch.
If you finish early, add a section to the bottom with links to helpful resources for learning more about <div>s and <span>s.

Good luck!