title: CSS display attribute parameters
body: <p>i have a container box that includes a number of thumbnails. i earlier made a div out of all the thumbs, but that wasnt efficient. i am now including all the diff thumbs in  tags and have included them in the same class.</p>
  
  <p>in the class attributes i have:</p>
  
  <pre><code>.thumb-wrap {
      float: left;
      display: block;
      margin: 5px;
  }
  
  .thumb {
      padding: 4px;
  }
  .thumb-img {
      width: 100px;
      height: 75px;
      border: 1px solid #999;
      padding: 5px;
      background-image:url(slide-bg.jpg);
  }
  </code></pre>
  
  <p>the html is:</p>
  
  <pre><code>    &lt;div class="thumb-wrap"&gt;
          &lt;a href="#" class="thumb" &gt;&lt;img src="img0-thumb0.jpg" class="thumb-img"/&gt;   &lt;/a&gt;
          &lt;a href="#" class="thumb" &gt;&lt;img src="img0-thumb0.jpg" class="thumb-img"/&gt;   &lt;/a&gt;
          &lt;a href="#" class="thumb" &gt;&lt;img src="img0-thumb0.jpg" class="thumb-img"/&gt;   &lt;/a&gt;
          &lt;a href="#" class="thumb" &gt;&lt;img src="img0-thumb0.jpg" class="thumb-img"/&gt;   &lt;/a&gt;
          &lt;a href="#" class="thumb" &gt;&lt;img src="img0-thumb0.jpg" class="thumb-img"/&gt;   &lt;/a&gt;
          &lt;a href="#" class="thumb" &gt;&lt;img src="img0-thumb0.jpg" class="thumb-img"/&gt;   &lt;/a&gt;
          &lt;a href="#" class="thumb" &gt;&lt;img src="img0-thumb0.jpg" class="thumb-img"/&gt;   &lt;/a&gt;
          &lt;a href="#" class="thumb" &gt;&lt;img src="img0-thumb0.jpg" class="thumb-img"/&gt;   &lt;/a&gt;
  
          &lt;/div&gt;
  </code></pre>
  
  <p>however the thumbs are appearing centered in the box. i dont want that. i want them to be left aligned. please help.</p>