class="button-cta"

Yes, you can embed a YouTube video in an article! Remember to use the "http://www.youtube.com/watch?v=" URL, and not "https" or "youtu.be" formats.

How about a larger size of the same video? NO. iFrame not available in an article.

Class Collapse List (2up)

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.

Class Collapse List (4up)

CATC 2015

CATC 2014

CATC 2013

CATC 2012

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

Figure 3 (Left) - Level Up Winners demonstrating on the Razer Blade Stealth, (Right) 4 person local multiplayer on Core i7 powered Intel NUC (codenamed Skull Canyon)

Around the show floor, game devs took advantage of our Demo Depot Rentals program which offers game devs equipment and on-site support at very competitive rates. In addition to the nearly dozen or so studios around the floor with our rental hardware, our sponsorship of Indie Mega Booth loaned in about 40 TVs and helped offset the cost of booth for some deserving teams.

Figure 4 (Upper Left) - Interabang, Supertype and High Horse all showing their games in The MIX space. (Upper Right) - SMG showing Death Squared in MegaBooth (Lower Left) Surprise Attack showing as part of the PAX AUS Roadshow on the 6^th floor (Lower Right) Vlambeer showed all 12 of their games

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

Text styles

This is Intel Clear class in the paragraph.

Can I specify Intel Clear font in a span? WYSIWYG says Yes.

Can I specify Intel Clear font in the paragraph? WYSIWYG says Yes.

Can I specify Courier New font in a span? WYSIWYG says Yes.

Can I specify Courier New font in the paragraph? WYSIWYG says Yes.

Can I specify 44px font size in a span? WYSIWYG says Yes.

Can I specify 44px font size in the paragraph? WYSIWYG says Yes.

Can I specify 400% font size in a span? WYSIWYG says Yes.

Can I specify 400% font size in the paragraph? WYSIWYG says Yes.

Can I specify #ff1493 font color in a span? WYSIWYG says Yes.

Can I specify #ff1493 font color in the paragraph? WYSIWYG says No.

Can I specify deeppink font color in a span? WYSIWYG says Yes.

Can I specify #ff1493 deeppink font color in the paragraph? WYSIWYG says No.

Can I specify style="margin-left:.5in;" in a span? WYSIWYG says Yes.

Can I specify style="margin-left:.5in;" in the paragraph? WYSIWYG says Yes.

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)