title: CSS for divs within a .Net repeater
body: <p>I have an asp repeater that is inserting x amount of divs. The content within these divs can vary in vertical length and therefore the repeater currently displays a tabular row like structure.</p>
  
  <p>I was hoping someone may have some ideas as to how I can style the repeater content so that each repeater item appears directly underneath the one above it no matter the length.</p>
  
  <p>So at present my repeater outputs.</p>
  
  <pre><code>Item1  Item2 Item3
  Item1  Item2 Item3
  Item1  Item2 Item3
  Item1  Item2 Item3
         Item2 Item3
         Item2 Item3
               Item3
  
  Item4 Item5  Item6
  Item4 Item5  Item6
  Item4 Item5  Item6
  </code></pre>
  
  <p>Where as I need it to output:</p>
  
  <pre><code>Item1  Item2 Item3
  Item1  Item2 Item3
  Item1  Item2 Item3
  Item1  Item2 Item3       
  Item4  Item2 Item3
  Item4  Item5 Item3
  Item4  Item5 Item6
  Item4  Item5 Item6
  Item4  Item5 Item6
  </code></pre>
  
  <p>I hope that makes sense. Any suggestions are greatly appreciated.</p>
  
  <p>HTML</p>
  
  <pre><code> &lt;asp:repeater ID="rpItems" runat="server"&gt;&lt;HeaderTemplate&gt;&lt;div style=""&gt;&lt;/HeaderTemplate&gt;
      &lt;ItemTemplate&gt;
          &lt;div class="divImg"&gt;
              &lt;asp:Literal ID="litImage" runat="server" /&gt;            
              &lt;div class="divImgInfo"&gt;
                  &lt;p&gt;                                
                      &lt;asp:Literal ID="litTitle" runat="server" EnableViewState="false" /&gt;
                  &lt;/p&gt;
                  &lt;p&gt;    
                      &lt;div style="font-size: 11px; color: #919191;" &gt;
                          &lt;asp:Literal ID="litItemPrice" EnableViewState="false" runat="server" /&gt; &amp;nbsp;&amp;nbsp;
                          &lt;asp:Literal ID="litItemComments" EnableViewState="false" runat="server" /&gt;                                                                        
                      &lt;/div&gt;                                                                                               
                  &lt;/p&gt;
              &lt;/div&gt;              
          &lt;/div&gt;
      &lt;/ItemTemplate&gt;
      &lt;FooterTemplate&gt;&lt;/div&gt;&lt;/FooterTemplate&gt;
  &lt;/asp:repeater&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.divImg { width: 170px; margin: 0px 0 0 0;   background-color: #ffffff; display: inline-block; vertical-align: top; margin: 3px; }
  .divImg img { max-width: 150px; padding: 8px; }
  .divImgOverlay {position:relative;margin-top:0;padding:0 18px 0 6px;display:none;height:0;max-height:38px;overflow:hidden;}
  .divImgInfo {padding:0px 1px 0 10px; }
  .divImgInfo div {margin:0 0 0 0; }
  </code></pre>