2 блока, выровненных бок о бок, как сделать ширину заполнения правого блока на 100%?

Мне интересно, как лучше всего это сделать ...

У меня есть 3 div s:

• контейнер div # с шириной = 100%; , содержащий 2 внутренних div s

• a div # inner_left с шириной , изменяющейся динамически, но не шире 200 пикселей (будет содержать изображение продукта)

• div # inner_right , где ширина должна заполнять остальное пространство в контейнере ( будет содержать текст для описания показанного продукта)

   #container {
   ширина: 100%
  }
  
  #inner_left {
   дисплей: встроенный блок:
   максимальная ширина: 200 пикселей;
  }
  
  #inner_right {
   дисплей: встроенный блок;
   ширина: 100%; 
  }
  

Проблема в том, что div # inner_right создает разрыв строки и заполняет всю ширину. Как я могу заставить их выровняться рядом друг с другом, при этом правый div учитывает ширину, занимаемую левым div (который изменяется динамически?). Я получил это, чтобы работать другими способами, но я ищу чистое решение ...

Любая помощь для CSS-новичков приветствуется!