The purpose of this repository is to help you practice using <div>
and <span>
elements in their proper syntax.
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 withindex.html
.style.css
is the styling that will makeindex.html
look pretty. You're welcome.
- Fork and clone this repo.
- Wrap all content inside
body
with adiv
with attributeclass="wrapper"
.- Don't forget to add a
</div>
at the end (right before</body>
).
- Don't forget to add a
- Wrap all similarities with a
div
with attributeclass="similarities"
. - Wrap all differences with a
div
with attributeclass="differences"
. - Wrap the words containers, block, and inline with their own
span
s with attributeclass="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
div
s).- NOTE: the cloud9 keyboard shortcut is
โ+shift+B
- NOTE: the cloud9 keyboard shortcut is
- Mirror your
master
branch with agh-pages
branch andpush
. - 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!