This page uses javascript to help render elements, if you have problems please enable javascript.
 
Skip to main content
 
 
 
 
 
 
You are now inside the main content area
 
 
 
left col

Spacing

Layouts are grid based with default spacing set to zero, but if you want space between columns or rows add a gap style to create a margin around content. Spacing can be used at the body level, or at the box level.

right col
 
left col
right col
 
left col

Changing the gap size below will impact this box.  To help illustrate the point we've added borders around each box to display spacing.

right col
 
 
 
left col
ajax space

Additional Content

Depending on your layout you may have nested areas where content is in rows alongside a column.  In this case you'll see how spacing helps maintain the appearence of the separate sections if that is important to your messagin.

 

ajax space

Column Content Example

The heights and spacing will impact only box 2 in this example, but you can use these styles for any box on your page.

right col
 
left col
right col