header 1

header 2

header 3

header 4

header 5

float

article class="accent float right"

The b element example

The i element example

The s element example

The small element example

The sub element example

The sup element example

The u element example

The mark element example

float

article class="accent float left"
div class="scroll"

The b element example

The i element example

The s element example

The small element example

The sub element example

The sup element example

The u element example

The mark element example

The a element example

The example

The code element example

The a element example

The example

The code element example alt text goes here like this - if your image breaks or doesn't load for some reason, this will show up instead, & people who use screen readers will hear this text!
this is an image — drag & drop things into the "images" folder & link to them with img src="/images/[file name].[extension]"! try not to use any huge images since that can make your site load slower - you can use tinypng to compress images if you need to.

images will always stay within the container they're in, so you don't have to worry about them getting bigger than your article or anything. you can also use the float right/left classes on images if you want them off to the side of some text like this ->

div class="callout"
This is a standard paragraph. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

"This is a blockquote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl."

The summary element example

The details example text. It may be styled differently based on what browser or operating system you are using.

you could do articles as callouts too, if you wanted. or floating boxes as callouts like below

List Types

Ordered List

    a floating accent callout
  1. List Item 1
  2. List Item 2
  3. List Item 3
    1. List Item 3.1
    2. List Item 3.2
      1. List Item 3.2.1
      2. List Item 3.2.2
    3. List Item 3.3
  4. List Item 4

Unordered List

  • List Item 1
  • List Item 2
  • List Item 3
    • List Item 3.1
    • List Item 3.2
      • List Item 3.2.1
      • List Item 3.2.2
    • List Item 3.3
  • List Item 4