title: How do I align text/images on bottom/right/center/middle of a container using the blueprint css framework?
body: <p>Is there some easy way to align stuff in div containers to the right or bottom:</p>
  
  <pre><code>&lt;div class="span-24 align-right last"&gt;Text appears on the right side of the layout&lt;/div&gt;
  </code></pre>
  
  <p>or:</p>
  
  <pre><code>&lt;div class="span-2" id="lots-of-content"&gt;&lt;/div&gt;&lt;div class="span-22 last bottom"&gt;Appears at bottom of container&lt;/div&gt;
  </code></pre>
  
  <p>or:</p>
  
  <pre><code>&lt;div class="span-24 vertical-middle last"&gt;Middle of the container&lt;/div&gt;
  </code></pre>
  
  <p>Here's a sample of what I'm working with trying to position the "topnav" below:</p>
  
  <pre><code>     &lt;div class="container"&gt; 
          &lt;div class="span-16"&gt;
              &lt;h1&gt;Header&lt;/h1&gt;
          &lt;/div&gt;
          &lt;div class="span-8 last vertical-middle"&gt;
              &lt;div id="topnav" class="align-right"&gt;&lt;input type="button" id="register" class="ui-button ui-state-default ui-corner-all" value="Register" /&gt; or &lt;button type="button" id="signin" class="ui-button ui-state-default ui-corner-all"&gt;Sign in&lt;/button&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;hr /&gt;
  ...
       &lt;/div&gt;
  </code></pre>