<p>
	There are several helper classes that you can use to adjust you page content or layout.
</p>
<div class="yjsg-row">
	<div class="yjsg-col-1">
		<h3 class="yjsg-sub-heading">options:</h3>
		<table class="yjsg-table-bordered">
			<thead>
				<tr>
					<th>Class</th>
					<th>Description</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><code>class="yjsg-hr-empty"</code></td>
					<td>Creates an empty space<span class="yjsg-hr-empty"></span>between elements.</td>
				</tr>
				<tr>
					<td><code>class="yjsg-center"</code></td>
					<td><span class="yjsg-center">Centers the text and can be used on any element.</span></td>
				</tr>
				<tr>
					<td><code>class="yjsg-text-left"</code></td>
					<td><span class="yjsg-text-left">Aligns the text to the left and can be used on any element</span></td>
				</tr>
				<tr>
					<td><code>class="yjsg-text-right"</code></td>
					<td><span class="yjsg-text-right">Aligns the text to the right and can be used on any element</span></td>
				</tr>
				<tr>
					<td><code>class="yjsg-pull-left"</code></td>
					<td><span class="yjsg-pull-left">Floats the element left and can be used on any element</span></td>
				</tr>
				<tr>
					<td><code>class="yjsg-pull-right"</code></td>
					<td><span class="yjsg-pull-right">Floats the element right and can be used on any element</span></td>
				</tr>
				<tr>
					<td><code>class="yjsg-larger"</code></td>
					<td><span class="yjsg-larger">Increase the font size to 130% and can be used on any element</span></td>
				</tr>
				<tr>
					<td><code>class="yjsg-sub-heading"</code></td>
					<td>Highlighted heading with a bottom border. Can be used on any <span class="yjsg-sub-heading">element</span></td>
				</tr>
			</tbody>
		</table>
		<h3 class="yjsg-sub-heading">markup:</h3>
		[yjsgpre pretty="1" scroll="0"] <span class="yjsg-hr-empty"></span>
		<span class="yjsg-center">...</span>
		<span class="yjsg-text-left">...</span>
		<span class="yjsg-text-right">...</span>
		<span class="yjsg-pull-left">...</span>
		<span class="yjsg-pull-right">...</span>
		<span class="yjsg-larger">...</span>
		<span class="yjsg-sub-heading">...</span> [/yjsgpre] </div>
</div>
