title: make <div> take only content space: disable stretching
body: <p>I have a <code>&lt;div&gt;</code> with some nested divs. All of them have the same height. I need parent <code>&lt;div&gt;</code> to take so much <code>width</code> as its content takes (I want to apply <code>border-style</code> property). Property <code>display:inline</code> (for parent) doesn't help me.  </p>
  
  <p>Here is markup:</p>
  
  <pre><code>   &lt;div style="border-style:solid;height:60px;"&gt;
          &lt;div  style="display:inline;float:left;background-color:Aqua;height:60px;width:30px;border-left-style:solid"&gt;&lt;/div&gt;
          &lt;div  style="display:inline;float:left;background-color:Black;height:60px;width:30px;border-left-style:solid"&gt;&lt;/div&gt;
          ......       
     &lt;/div&gt;
  </code></pre>