title: Div Size Inside ItemTemplate Repeater ASP.NET
body: <p>I have 3 div tags which I would like to show side by side in one row.</p>
  
  <p>They are located inside a main div:</p>
  
  <pre><code>&lt;div class="dvItemContainer"&gt;
    &lt;div class="nameContainer"&gt;content-1&lt;/div&gt;
    &lt;div class="quantityDiv"&gt;Content-2&lt;/div&gt;
    &lt;div class="dvLnkContainer"&gt;Content-3&lt;/div&gt;
  &lt;/div&gt;
  
  The classes are:
  
  .dvItemContainer
  {
      width:250px;
      float:right;
      cursor:pointer;
      overflow: hidden;
      max-width:250px;
  }
  .nameContainer
  {
      width:150px;
      float:left;
      max-width:150px;
      overflow:hidden;
  }
  .quantityDiv
  {
      width:60px;
      float:right;
  }
  .dvLnkContainer
  {
      width:40px;
      float:right;
      right:0;
      visibility:visible;
  }
  </code></pre>
  
  <p>This code defined inside a user control which I use as Itemtemplate unside asp:Repeter control.</p>
  
  <pre><code>&lt;ItemTemplate&gt;
     &lt;div style="width:100%; display:inline;" runat="server"&gt;
        &lt;prod:ProductItemTagName ID="productItem" width="100%" runat="server" /&gt;
     &lt;/div&gt;
  &lt;/ItemTemplate
  </code></pre>
  
  <p>Somehow these divs take one whole row for each other.</p>
  
  <p>For example it shows it like that:</p>
  
  <p><img src="https://i.stack.imgur.com/I5r7M.png" alt="enter image description here"></p>
  
  <p>Thank you !</p>