title: Why is min-width property has preference over max-width?
body: <p>Here is my code the width of the element is now taking 400px but as both of the properties i have given is contradictory i know one will apply, is there a way that max width to get preference over min width? if not why? i have tried adding min-width property before and after max width both time the same thing is happening. Kindly explain    </p>
  
  <pre><code>p {     background:red;    
          min-width:400px;
          max-width:200px;
      }
  </code></pre>