Content bookends example

<ul>
  <li class="left">&copy; 2006 Company name</li>
  <li class="left"><a href="#">Site Map</a></li>
  <li class="left no-border"><a href="#">Privacy Statement</a></li>
  <li><a href="http://validator.w3.org/check/referer">HTML</a></li>
  <li class="no-border"><a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></li>
</ul>

#footer ul {
  text-align: right;
  overflow: hidden;
}
#footer li {
  display: inline;
  padding: 0 0.5em;
  border-right: 1px solid #333;
}
#footer li.left { float: left; }
#footer li.no-border { border: none; }

<p class="right">
  <span class="date-stamp">Tue, Sep 4, 2006 @ 8:39 am</span>
  <span><a href="#" title="Comment on...">0 comments</a></span>
</p>

.right { text-align: right; }
.date-stamp { float: left; }