Updates

I have recently updated this tool as of August 2022!

Rewrote the JS to generate cleaner code
Rewrote the CSS in a way that hopefully makes much more sense to edit
Added a couple of new features!
Old version is still available here

CSS Template

CSS Layout Float

In this example, we have created a header, two columns/boxes and a footer. On smaller screens, the columns will stack on top of each other.

Resize the browser window to see the responsive effect (you will learn more about this in our next chapter - HTML Responsive.)

Cities

London

London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.