title: Right div with variable width, left div takes remaining width
body: <p>I have a <code>div</code> (.container) of variable width containing 2 <code>divs</code>.  The right <code>div</code> (.div-submit) is of variable width, depending on the language used.  I want the left <code>div</code> (div-textarea) to adjust and take all the remaining space on the left.  How can I achieve this without using flexboxes? See code below and this <a href="http://jsfiddle.net/gahilo/L3Wxd/2/" rel="nofollow noreferrer">jsfiddle</a></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="div-textarea"&gt;
          &lt;textarea id="txtarea" placeholder="This  is a textarea"&gt;&lt;/textarea&gt;
      &lt;/div&gt;
      &lt;div class="div-submit"&gt;
          &lt;input type="submit" value="Post"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Please note that the right <code>div</code> does not have a fixed width, so solutions like
  <a href="https://stackoverflow.com/questions/3106339/how-to-make-inner-left-div-take-up-100-minus-right-side-fixed-width-div">this one</a> does not work.</p>
  
  <p>Thanks.</p>