title: HTML div auto width
body: <p>I have a container div and 3 inner divs that places them all in one row. The side divs have fixed width and I want auto width for the middle div. This is my code:</p>
  
  <pre><code>&lt;div style="width: auto; height: 25px; position: relative; float: right;"&gt;
      &lt;div style="width: 25px; height:25p; float: right; position: relative; display:inline-block;"&gt;
      &lt;div style="width: auto; height: 25px; position: relative; float: right; display:inline-block;"&gt;&lt;/div&gt;
      &lt;div style="width: 25px; height:25p; float: right; position: relative; display:inline-block;"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>...but middle div doesn't take any space. </p>
  
  <p><strong>note: I don't want the container div to have fixed or percentage size.</strong> </p>
  
  <p>What is the solution?</p>