HTML

<span class="blue">Span</span>

<p class="blue">Paragraph</p>

<h1 class="blue">H1</h1>

<h2 class="blue">H2</h2>

<h3 class="blue">H3</h3>

<big>This is big text</big>

<small>This is small text.</small>

<a href="#" class="button">Normal Button</a>

<a href="#" class="button small">Small Button</a>

<a href="#" class="button tiny">Tiny Button</a>

<a href="#" class="button transparent">Transparent Button</a>

<a href="#" class="button transparent-blue">Transparent Button Blue</a>

Rendered HTML

Span

Paragraph

<div class="half">
One half no padding
</div>

<div class="half">
One half no padding
</div>

One half no padding

<div class="third">
 One Third No Padding
</div>

<div class="third">
 One Third No Padding
</div>

<div class="third">
 One Third No Padding
</div>

One Third No Padding