title: How to use min-width for "float:right" element in CSS?
body: <p>Look at this <a href="http://jsfiddle.net/ud3r5/" rel="nofollow noreferrer">example</a></p>
  
  <p>The html does not respect <code>min-width</code> as long as we have <code>float:right</code> in the CSS rules</p>
  
  <pre><code>.right {
      float:right;
      background:blue;
      min-width:400px;
  }
  </code></pre>
  
  <p>If removing the <code>float:right</code> or changing it to <code>float:left</code>, then the html element will not be narrower than the <code>min-width</code>.</p>
  
  <p>How we can use <code>min-width</code> for an element floated right?</p>
  
  <p><strong>Screenshot</strong>: As commented by some fellas, this is what I see on the latest version of Chromium on Debian.</p>
  
  <p><img src="https://i.stack.imgur.com/pevqT.png" alt="enter image description here"></p>
  
  <p>As you can see the left side of the <code>div</code> including its content is invisible (in other words, outside the visible part).</p>