 <h2>Solution</h2> <p>Use <code>min-width</code>.</p> <h3>Sample</h3> <p><a href="http://jsfiddle.net/z4PWU/" rel="nofollow">http://jsfiddle.net/z4PWU/</a></p> <h3>HTML</h3> <pre><code>&lt;!-- Empty floating divs --&gt; &lt;div&gt;&lt;/div&gt; &lt;div&gt;&lt;/div&gt; &lt;div&gt;&lt;/div&gt; &lt;br /&gt; &lt;!-- Non-Empty floating divs --&gt; &lt;div&gt;&amp;nbsp;&lt;/div&gt; &lt;div&gt;&amp;nbsp;&lt;/div&gt; &lt;div&gt;&amp;nbsp;&lt;/div&gt; &lt;br /&gt; &lt;!-- min/max width for floating divs --&gt; &lt;div style="min-width:50px;"&gt;&lt;/div&gt; &lt;div style="min-width:50px;"&gt;&lt;/div&gt; &lt;div style="min-width:50px;"&gt;&lt;/div&gt; </code></pre> <h3>CSS</h3> <pre><code>div { float: left; border: 1px solid blue; height: 15px; /* Make them better visible */ } </code></pre>