class="button-cta"

Class Collapse List (3up)

Here is a caption for all of the 3-up images - it is inside the outer div end tag.

 :

Images in a Plain P with a Space Between Each

  
Here is a caption for all of the 3-up images - it is inside the p end tag, preceded by a break.

Image Floats

Image class="floatLeft"

Image class="floatRight"

Image class="half-float-left"

Image class="half-float-right"

Other float classes:
class="one-third-float-left"
class="one-third-float-right"
class="one-quarter-float-left"
class="one-quarter-float-right"

Clear floats with p class="clearfix"

Text types - h1 thru h4 are their own tags; remainder are in a <p>.

H1 Header

H2 Header

H3 Header

H3 Grey (class="grey-heading")

H4 Header

Strong Text

Italic Text

Plain Text

^SuperscriptText

_SubscriptText

This paragraph is style="margin-left:.5in;" - or is it?

Lists

Standard Unordered

• Item 1
  • Sub-list (ul)
  • Sub 2
• Item 2
  1. Sub-list (ol)
  2. Sub 2
• Item 3

Standard Ordered

1. Item 1
   • Sub-list (ul)
   • Sub 2
2. Item 2
   1. Sub-list (ol)
   2. Sub 2
3. Item 3

Special styles - do they work?

None

• First (style="list-style-type: none;")
• Second
• Third
• Fourth

Lower Alpha

1. Arizona (ol style="list-style-type:lower-alpha)
   1. Phoenix
   2. Tucson
2. Florida
3. Hawaii

Lower Roman

1. Alpha (ol style="list-style-type:lower-roman;")
2. Bravo
3. Charlie

Other Start

1. Red (ol start="4")
2. Blue
3. Green

Inline Code

THE OAK AND THE REEDS

An Oak that grew on the bank of a river was uprooted by a severe gale of wind, and thrown across the stream.

It fell among some Reeds growing by the water, and said to them, "How is it that you, who are so frail and slender, have managed to weather the storm, whereas I, with all my strength, have been torn up by the roots and hurled into the river?""You were stubborn," came the reply, "and fought against the storm, which proved stronger than you: but we bow and yield to every breeze, and thus the gale passed harmlessly over our heads."

Sample Code Blocks

class="brush:cpp;"

float depthBuffer  = DepthBuffer.Sample( SAMPLER0, screenPosUV ).r;
float div          = Near/(Near-Far);
float depth        = (Far*div)/(div-depthBuffer);
uint  indexAtDepth = uint(totalRaymarchCount * (depth-zMax)/(zMin-zMax));

class="brush:java;"

  azureTable.setDefaultClient({
    accountUrl: 'https://' + this.accountName + '.table.core.windows.net/',
    accountName: this.accountName,
    accountKey: this.config.accessKey,
    timeout: 10000
  });

class="brush:plain;"

float depthBuffer  = DepthBuffer.Sample( SAMPLER0, screenPosUV ).r;
float div          = Near/(Near-Far);
float depth        = (Far*div)/(div-depthBuffer);
uint  indexAtDepth = uint(totalRaymarchCount * (depth-zMax)/(zMin-zMax));

Image Width Test

Tables

class="no-alternate" (also has style="width: 100%;")

class="all-grey"

class="grey-alternating-rows"

class="alt-col" (this format is the default, when a table has no class)