Breadcrumbs with Right-to-Left Text

Made by Adam Schwartz in response to a SO question (http://stackoverflow.com/questions/7147864/create-a-breadcrumb-that-shrinks-with-window-but-obscures-content-to-the-left/7149179#7149179).

HTML

<div class="container">
  <div id="setter">
    <span>some variable content</span>  
  </div>

  <div class="wrap">
    <span>
      lorem ipsum lorem ipsum lorem ipsum lorem ipsum    
    </span>
  </div>
</div>

CSS

.container {
  max-width: 200px;
}

.wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;  
}