title: HTML - I need a Button, Label and TextBox with this last one AUTO RESIZE in WIDTH when resizing the browser
body: <p>I want to have a SEARCH div where I have a:<br>
  1) Button<br>
  2) Label<br>
  3) TextBox</p>
  
  <p><strong>MY GOAL:</strong><br>
  The edit Box should automatically <strong>resize to it's MAX WIDTH</strong> by default and whenever I physically resize the browser page, without moving down !!! </p>
  
  <p>I'm not even sure this is something you will want to use a <strong>DIV</strong> but here is what i have tried (and failed):  </p>
  
  <pre><code>&lt;div id="search"&gt;    
     &lt;div id="searchbtn"&gt;
        &lt;input id="btnSeach" type="button" value="Search" /&gt; 
        Search:  
     &lt;/div&gt;
     &lt;div id="searchtxt"&gt;
         &lt;input id="txtSearch" name="txtSearch" type="text" value="" /&gt; 
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The CSS looks like this:  </p>
  
  <pre><code>div#search
  {
     height: 30px;
     border: 1px solid #80808D;
     padding: 5px 0px 5px 0px;
  }
  
  div#searchbtn
  {
     float: left;
     display: inline;
     padding: 0px 10px 0px 10px;
  }
  
  div#searchtxt
  {
     float: left;
     width: auto;
     display: inline;
     padding-right: 10px;
  }
  </code></pre>
  
  <p>I was hoping that the <strong>width: auto</strong> meant the div would auto-expand (rsss).</p>
  
  <p>I tried putting a width of 90% on the TextBox but it never works well when resizing.<br>
  I tried putting some width on the <strong>div searchtxt</strong> but again didn't work properly when resizing.  </p>
  
  <p>If using <strong>div</strong> is the way forward, what would be the right <strong>CSS</strong> for the various DIVs?<br>
  If this is NOT the way ...then what other way would work better?</p>
  
  <p>Thanks.  </p>