Online drag and drop css layout generator to generate html file.

• Click 'AddItem' to add a square.  css layout generator Demo
• Drag drop and resize to the appropriate size and area.
• Add multiple items to create the CSS grid layouts.
• Click 'Preview' to preview the HTML output.
• Click 'Download .HTML' to download the html file created by the system.