CSS Layout Generator

This generator will help you to create a css page layout, with up to 3 columns and with header, menu and footer bars.

Preview

Previewing how your layout will look in real-time and generating the CSS and HTML source code, makes this a useful and timesaving CSS tool for anyone who creates content for the web.

Create Your CSS Layout

To create your layout select the structural elements your site requires (header, menu, footer, columns). Then specify a size in the field provided and choose a background color.

Generated Code

Copy the HTML and CSS generated below to your web page.