title: how to position inner thumbnails in same position of container, simple html issue
body: <p>i have simple issue with HTML positions 
  in the following code i have one wrapper div> Container in this div 
  i have 2 more divs name is side_bar_wrap and left_wrap in left_wrap div i have 
  4 thumbnails divs name are same as thumbnails my issue is how can i align this 4 thumbnails div with space between right and left but no on first and last div of this group </p>
  
  <p>following is my code, please help me..</p>
  
  <p>&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;>>>>>>>>>>>>>>>>>>>>></p>
  
  <pre><code>.container 
  {
      width:100%;
      max-width:1170px;
      margin:0 auto;
  }
  
  * 
  {
      margin:0;   
      padding:0;
  }
  
  .side_bar_wrap
  {
      width:29%;     
      height:300px;
      background:#148b23;
      margin:0 10px 0 0;
      float:left;
  }
  
  .left_wrap 
  {
      width:70%;
      float:right;
  }
  
  
  .thumbnails{
  width: 22%;
  margin: 0 11px;
  
  position: relative;
  overflow: hidden;
      height:300px;
      border:1px solid #cfcfcf;
      float:left;
  }
  
  .inner_task 
  {
  
  }
  
  
  .clear
  {
      clear:both;
  }
  </code></pre>
  
  <p>&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;>>>>>>>>>>>>>>>>>>>>></p>
  
  <pre><code>&lt;div class="container"&gt;
  
  
          &lt;div style="width:29%; float:left; height:400px; background:gray; margin:40px 11px 40px 0;"&gt;&lt;/div&gt;
  
          &lt;div style="width:70%;float:left; height:400px; background:gray; margin:40px 0;"&gt;&lt;/div&gt;
  
          &lt;div class="side_bar_wrap"&gt;&lt;/div&gt;
          &lt;div class="left_wrap"&gt;
              &lt;div class="thumbnails"&gt;
                  &lt;div class="inner_thumb"&gt;
                      &lt;div style="width:100%; height:200px; background:#efefef;"&gt;&lt;/div&gt;
              &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="thumbnails"&gt;
                  &lt;div class="inner_thumb"&gt;
                      &lt;div style="width:100%; height:200px; background:#efefef;"&gt;&lt;/div&gt;
              &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="thumbnails"&gt;
                  &lt;div class="inner_thumb"&gt;
                      &lt;div style="width:100%; height:200px; background:#efefef;"&gt;&lt;/div&gt;
              &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="thumbnails"&gt;
                  &lt;div class="inner_thumb"&gt;
                      &lt;div style="width:100%; height:200px; background:#efefef;"&gt;&lt;/div&gt;
              &lt;/div&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;div style="width:100%; float:left; height:400px; background:gray; margin:40px 0;"&gt;&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>