CSS: Заставить текстовое поле перекрыть всю доступную область

Я работаю над формой с горизонтальным расположением:

 <div id="container">
  <label for="ta">description</label>
  <textarea id="ta" name="ta" cols="50" rows="10"></textarea>
 </div>

Проблема в том, что я хочу, чтобы текстовое поле занимало все доступное пространство, которое метка оставляет в той же строке. Если я попробую с width = 100% , он перейдет к следующей строке:

div * {
    vertical-align: middle;
}
textarea {
    width: 100%;
    height: 300px;
}

Есть ли идея реализовать это без присвоения фиксированного пространства каждому тегу?