ss="nt">&lt;div</span> <span class="na">class=</span><span class="s">"sti"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"sta"</span><span class="nt">&gt;&lt;/div&gt;</span>
</code></pre></div></div>

<h2 id="align-to-edges">Align to Edges</h2>

<p>There’re some additonal classes for quickly align an element
to the edges of its ancestor or the document viewport.
They are named using the formats:
<code class="highlighter-rouge">