title: Flowing items horizontally w/ center alignment within a container
body: <p>My dilemma is this (and should be simple, I suspect): I have a container and a set of items (both divs).  The following CSS applies:</p>
  
  <pre><code>.container {
      float:          left;
      width:          100%;
  }
  
  
  .item {
      margin:         32px;
      text-align:     center;
      position:       relative;
      float:          left;
  }
  </code></pre>
  
  <p>The .item itself is a container that could have almost any set of arbitrary elements, but they need to be center aligned inside of it (in my case, it typically contains a thumbnail image and a small caption of text beneath it).  While the above CSS allows each .item to flow horizontally the way I like, I can't figure out how to make the whole set center aligned (as opposed to flowing from left to right like it does now).</p>