Thanks for making this guide. I am learning JavaScript and css and came across your article after it was posted to reddit.
I have been working on a javascript page to demonstrate the use of floats and clears which is here:
j354374.github.io/fed-scripting/portfolio/floats-…
After seeing your post I have started expanding it to include positioning.
Please see:
web: j354374.github.io/fed-scripting/portfolio/element… source: github.com/j354374/fed-scripting/tree/master/port… codepen: codepen.io/j354374/pen/bGpdEyO
Next I am looking at adding a X,Y position input or picker and css variables. I could even make the boxes draggable .
Do you think I should remove floats from this version?