Content blocks

Content blocks let you group content elements (paragraphs, images, lists) together, and give them a common look.

Floated content blocks

Right float

Put content here. Paragraphs, images, lists, whatevs.

<div class="float-right-block">
Stuff here
<div>

The light gray is neutral, and works well much of the time. Of course, you can redefine the look, if you want.

Text from below the content block moves up, to fill in the blank space to the left of the block.

Left float

Put content here. Paragraphs, images, lists, whatevs.

<div class="float-left-block">
Stuff here
<div>

The light gray is neutral, and works well much of the time. Of course, you can redefine the look, if you want.

Text from below the content block moves up, to fill in the blank space to the right of the block.

Full-width content block

Formatted like a floating block, but it takes the full width of the content area. The exact width will depend on how students size their browser windows.

Put content here. Paragraphs, images, lists, whatevs.

<div class="full-block">
Stuff here
<div>

The light gray is neutral, and works well much of the time. Of course, you can redefine the look, if you want.

Editors:
kieran