title: CSS textbox width inherit from parent container with max width
body: <p>I have the styling for my textboxes:</p>
  
  <pre><code>input[type=text] {
     width: 300px !important;
     line-height: 25px;
  }
  </code></pre>
  
  <p>I need to change it that if the container width is smaller than 300px it must inherit the width from the parent container else the width must be 300px.</p>