Create 4 editable regions right next to eachother? - 

Hello,

I have a design where there is a large rectangle made up of 4 colored rectangles. In each color, it is a separate section and I don't know how to create this in the CSS sculptor so the client can log into the editor and edit each section as needed.

It is like this (see attached as well):  . Basically a 4 column table but using CSS as tables I know are more for tabular data. It would be nice if in the CSS Sculptor you could click on a div heading and in the add "+" menu, just click on add 4 columns, or whatever other design element you might want with a layout.

In CSS SCulptor, on the Box Tab, select the main container that these content areas will be placed inside. make note of the width of this container.

with that main container selected, click the plus button to add a new div, set the width of this new div to be 1/4 of the width of the container it is being added to, set the float to left

repeat this for the other 3 divs, on the last one, set the float to go to the right instead.

you can change the background color for the divs on the design tab.