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

Add new comment

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.
CAPTCHA
Prove that you are sentient.
4 + 1 =

Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.